chore: changed lang button layout

.env

@@ -2,4 +2,4 @@ VITE_APP_API_URL=https://stacjownik.spythere.eu/api
 VITE_APP_SWDR_URL=https://api.td2.info.pl
 
 VITE_APP_ORDER_VERSION=2
-VITE_UPDATE_TEST='test'
+#VITE_UPDATE_TEST='test'

src/locales/en.json

@@ -1,7 +1,7 @@
 {
    "locale": {
-      "pl": "POLISH",
-      "en": "ENGLISH"
+      "pl": "POL",
+      "en": "ENG"
    },
    "navbar": {
       "order-message": "ORDER MESSAGE",

src/locales/pl.json

@@ -1,7 +1,7 @@
 {
    "locale": {
-      "pl": "POLSKI",
-      "en": "ANGIELSKI"
+      "pl": "POL",
+      "en": "ENG"
    },
    "update": {
       "update-available-text": "Nowa wersja GeneraTORa dostępna!",
@@ -14,7 +14,7 @@
    },
    "navbar": {
       "order-message": "TREŚĆ ROZKAZU",
-      "order-list": "ZAPISANE ROZKAZY",
+      "order-list": "ZAPISANE ROZ.",
       "order-train-picker": "POCIĄGI"
    },
    "order-message": {

src/views/Home.vue

@@ -9,25 +9,21 @@
       </div>
 
       <div class="message_container">
-        <div class="message_actions">
-          <button class="g-button action icon" @click="switchLanguages">
+        <div class="message_nav">
+          <button class="g-button icon" @click="switchLanguages">
             <LanguagesIcon :size="18" />
             <span style="margin-left: 0.25em">{{ $t('locale.' + store.currentAppLocale) }}</span>
           </button>
-        </div>
 
-        <div class="message_nav">
-          <span v-for="(action, i) in navActions" :key="action.mode">
-            <b v-if="i > 0">&bull;</b>
-
-            <button
-              class="g-button option"
-              :data-active="store.orderMode == action.mode"
-              @click="selectOrderMode(action.mode)"
-            >
-              {{ $t(`navbar.${action.value}`) }}
-            </button>
-          </span>
+          <button
+            v-for="(action, i) in navActions"
+            :key="action.mode"
+            class="g-button option"
+            :data-active="store.orderMode == action.mode"
+            @click="selectOrderMode(action.mode)"
+          >
+            {{ $t(`navbar.${action.value}`) }}
+          </button>
         </div>
 
         <transition name="order-anim" mode="out-in">
@@ -50,7 +46,7 @@ import { useStore } from '../store/store';
 import OrderHelper from '../components/OrderHelper.vue';
 import OrderTrainPicker from '../components/OrderTrainPicker.vue';
 import { LanguagesIcon } from 'lucide-vue-next';
-import StorageManager from "../managers/storageManager";
+import StorageManager from '../managers/storageManager';
 
 export default defineComponent({
   components: { OrderVue, SideBar, OrderHelper, LanguagesIcon },
@@ -162,19 +158,14 @@ export default defineComponent({
     overflow: auto;
   }
 
-  .message_actions {
-    display: flex;
-    justify-content: center;
-  }
-
   .message_nav {
     display: flex;
     align-items: center;
     justify-content: center;
-
+    gap: 0.25em;
     flex-wrap: wrap;
 
-    margin: 0.5em 0;
+    margin-bottom: 1.5em;
   }
 }
 </style>