From 45e0defe7e7d92906b8000bd013319e3a21adc29 Mon Sep 17 00:00:00 2001
From: Ferdinand Thiessen <rpm@fthiessen.de>
Date: Thu, 2 Dec 2021 18:40:54 +0100
Subject: [PATCH] fix(ui): Improve readability on small devices

---
 src/components/Widget.vue                    | 2 +-
 src/components/settings/MainUserSettings.vue | 7 +++++--
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/components/Widget.vue b/src/components/Widget.vue
index 0af1ebe..b87fc5c 100644
--- a/src/components/Widget.vue
+++ b/src/components/Widget.vue
@@ -5,7 +5,7 @@
         <q-avatar>
           <q-img :src="avatar" style="min-height: 100%; min-width: 100%">
             <template #error>
-              <img src="no-image.svg" style="height: 100%"/>
+              <img src="no-image.svg" style="height: 100%" />
             </template>
           </q-img>
         </q-avatar>
diff --git a/src/components/settings/MainUserSettings.vue b/src/components/settings/MainUserSettings.vue
index 233f834..7c8f128 100644
--- a/src/components/settings/MainUserSettings.vue
+++ b/src/components/settings/MainUserSettings.vue
@@ -103,7 +103,10 @@
       </q-file>
     </q-card-section>
     <q-separator v-if="!newUser" />
-    <q-card-section v-if="!newUser" class="fit row justify-start content-center items-center">
+    <q-card-section
+      v-if="!newUser"
+      class="fit row justify-start content-center items-center q-gutter-y-md"
+    >
       <PasswordInput
         v-if="isCurrentUser"
         v-model="password"
@@ -236,7 +239,7 @@ export default defineComponent({
         hasAvatar.value = true;
       } else if (deleteAvatar.value) {
         await userStore.deleteAvatar(changed);
-        hasAvatar.value = false
+        hasAvatar.value = false;
       }
       password.value = '';
     }