From f3b95916688df6b4a9834bb5d4adfb9ceec6093d Mon Sep 17 00:00:00 2001
From: adb-sh <git@adb.sh>
Date: Tue, 11 Oct 2022 19:59:47 +0200
Subject: [PATCH] fix mobile header; smaller user icon

---
 src/App.vue            | 2 +-
 src/views/UserPage.vue | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 857d12f..a7a3ad8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -3,7 +3,7 @@
     <div class="bg-secondary shadow">
       <nav class="navbar px-2 container">
         <router-link class="d-flex btn" to="/">
-          <div class="d-none d-sm-flex header-title flex-column justify-content-center">
+          <div class="d-flex header-title flex-column justify-content-center">
             <b>spot2gether</b>
             <div>music connects</div>
           </div>
diff --git a/src/views/UserPage.vue b/src/views/UserPage.vue
index 575f3b8..f453f6b 100644
--- a/src/views/UserPage.vue
+++ b/src/views/UserPage.vue
@@ -32,7 +32,14 @@ onBeforeUnmount(() => {
           {{ user.displayName }}
         </div>
         <div class="card-body">
-          <img :src="user.images[0].url" alt="user image" class="card-img">
+          <div class="row">
+            <div class="col-4">
+              <img :src="user.images[0].url" alt="user image" class="card-img">
+            </div>
+            <div class="col">
+              <p>{{ user.totalFollowers }} followers on Spotify</p>
+            </div>
+          </div>
         </div>
       </div>
       <button