Zmiana wyglądu widoków i rozłożenia elementów na stronie (1.6.0a)

src/App.vue

@@ -47,7 +47,7 @@
             <div class="info_counter">
               <span class="region" @click="openFilterCard">
                 {{ currentRegion.value }}
-              </span>
+              </span> 
 
               <img src="@/assets/icon-dispatcher.svg" alt="icon dispatcher" />
               <span class="text--primary">{{ dispatcherCount }}</span>
@@ -64,6 +64,20 @@
             /
             <router-link class="route" active-class="route-active" to="/journal">{{ $t('app.journal') }} </router-link>
           </span>
+
+          <span class="header_badges">
+            <a href="https://www.paypal.com/paypalme/spythere" target="_blank" class="badge paypal">
+              <img :src="icons.paypal" alt="icon paypal">
+              <span>PAYPAL</span>
+            </a>
+
+            <a href="https://discord.gg/x2mpNN3svk" target="_blank" class="badge discord">
+              <img :src="icons.discord" alt="icon discord">
+              <span>STACJOWNIK</span>
+            </a>
+            <!-- <img src="https://img.shields.io/badge/PayPal-00457C?style=for-the-badge&logo=paypal&logoColor=white" alt="">
+            <img src="https://img.shields.io/badge/Discord-7289DA?style=for-the-badge&logo=discord&logoColor=white" alt=""> -->
+          </span>
         </div>
       </header>
 
@@ -151,6 +165,8 @@ export default defineComponent({
       en: require('@/assets/icon-en.jpg'),
       pl: require('@/assets/icon-pl.svg'),
       error: require('@/assets/icon-error.svg'),
+      paypal: require('@/assets/icon-paypal.svg'),
+      discord: require('@/assets/icon-discord.png'),
     },
   }),