From 4a4644d42fd9ac70243e3b9d654239928d6f19ca Mon Sep 17 00:00:00 2001
From: notfire <notfire@posteo.net>
Date: Wed, 12 Mar 2025 00:44:58 -0400
Subject: [PATCH] fix styling to be more in line with how akkoma-fe used to
 look before #403 in upstream

---
 src/App.scss                            | 4 ++++
 src/components/user_card/user_card.scss | 5 ++++-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/App.scss b/src/App.scss
index 11d808d6..936be4a4 100644
--- a/src/App.scss
+++ b/src/App.scss
@@ -255,6 +255,10 @@ nav {
         }
       }
 
+      &.-scrollable:has(.user-panel) {
+        padding-left: calc(var(--___paddingIncrease) + var(--___columnMargin) / 999);
+      }
+
       .panel-heading.-sticky {
         top: calc(var(--columnGap) / -1);
       }
diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index c5dc8d88..b95bcf36 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -185,6 +185,7 @@
     // big one
     z-index: 1;
     line-height: 2em;
+    margin-top: -0.6em;
 
     --emoji-size: 1.7em;
 
@@ -201,6 +202,7 @@
       color: $fallback--lightText;
       color: var(--lightText, $fallback--lightText);
       grid-area: hand;
+      font-size: 1.1em;
     }
 
     .dailyAvg {
@@ -255,13 +257,14 @@
     text-align: start;
     text-overflow: ellipsis;
     overflow: hidden;
-    margin-left: 0.6em;
+    margin-left: 0.55em;
     font-size: 1.1em;
     grid-area: name;
     align-self: center;
     white-space: nowrap;
     max-width: 100%;
     z-index: 1; // so shadow from user avatar doesn't overlap it
+    margin-top: -0.5em;
   }
 
   .user-meta {