From 558a2d2a308aae9ed2b5b7b5ec08c8213f26a4c5 Mon Sep 17 00:00:00 2001
From: vabene1111 <vabene1234@googlemail.com>
Date: Sun, 28 Jan 2024 14:03:36 +0100
Subject: [PATCH] really no flickering maybe

---
 vue/src/apps/ShoppingListView/ShoppingListView.vue | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/vue/src/apps/ShoppingListView/ShoppingListView.vue b/vue/src/apps/ShoppingListView/ShoppingListView.vue
index 5063ba3a..c6ba179c 100644
--- a/vue/src/apps/ShoppingListView/ShoppingListView.vue
+++ b/vue/src/apps/ShoppingListView/ShoppingListView.vue
@@ -37,13 +37,14 @@
                     <!-- shopping list tab -->
                     <b-tab active>
                         <template #title>
-                            <div class="d-print-none fa-fw">
+                            <div class="d-print-none">
                                 <i v-if="!shopping_list_store.currently_updating && useShoppingListStore().autosync_has_focus"
-                                   class="fas fa-shopping-cart fa-fw"></i>
+                                   class="fas fa-shopping-cart fa-fw" style=" height: 1.25em!important;"></i>
                                 <i v-if="!shopping_list_store.currently_updating && !useShoppingListStore().autosync_has_focus"
-                                   class="fas fa-eye-slash"></i>
-                                <b-spinner v-if="shopping_list_store.currently_updating" type="border"  small
-                                           style="line-height: 1!important;"></b-spinner>
+                                   class="fas fa-eye-slash fa-fw" style=" height: 1.25em!important;"></i>
+                                <b-spinner v-if="shopping_list_store.currently_updating" type="border" small
+                                           style="line-height: 1!important;width:1.25em!important; height: 1.25em!important;"></b-spinner>
+
                                 <span class="d-none d-md-inline-block ml-1">
                                     {{ $t('Shopping_list') + ` (${shopping_list_store.total_unchecked_food})` }}
                                 </span>