From 347ad94a43d4f8827c4093c69ac2aec0dc6a606b Mon Sep 17 00:00:00 2001
From: Liyas Thomas <liyascthomas@gmail.com>
Date: Tue, 16 Mar 2021 09:11:19 +0000
Subject: [PATCH] fix: minor UI spacing issues

---
 components/app/Header.vue  | 2 +-
 components/app/Section.vue | 1 +
 pages/settings.vue         | 2 +-
 3 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/app/Header.vue b/components/app/Header.vue
index f6899ba6e..f2fb31611 100644
--- a/components/app/Header.vue
+++ b/components/app/Header.vue
@@ -70,7 +70,7 @@
             <img
               v-if="fb.currentUser.photoURL"
               :src="fb.currentUser.photoURL"
-              class="rounded-full material-icons"
+              class="w-8 h-8 rounded-full material-icons"
               alt="Profile image"
             />
             <i v-else class="material-icons">account_circle</i>
diff --git a/components/app/Section.vue b/components/app/Section.vue
index 838181545..b16560b38 100644
--- a/components/app/Section.vue
+++ b/components/app/Section.vue
@@ -20,6 +20,7 @@ fieldset {
   @apply transition;
   @apply ease-in-out;
   @apply duration-150;
+  @apply w-full;
 
   legend {
     @apply px-4;
diff --git a/pages/settings.vue b/pages/settings.vue
index fb66a6f02..cfd013466 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -8,7 +8,7 @@
             <img
               v-if="fb.currentUser.photoURL"
               :src="fb.currentUser.photoURL"
-              class="rounded-full material-icons"
+              class="w-8 h-8 rounded-full material-icons"
             />
             <i v-else class="material-icons">account_circle</i>
             <span>