fix styling to be more in line with how akkoma-fe used to look before #403 in upstream

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);
       }

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 {