From d4adbf496f722046cea2055603ed27630e5ad33d Mon Sep 17 00:00:00 2001
From: Kristan Schlikow <kristian@schlikow.de>
Date: Tue, 9 Apr 2024 19:25:56 +0200
Subject: [PATCH] Address styling issues

---
 public/css/mobile-styles.css | 8 +++++---
 public/style.css             | 4 ++--
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/css/mobile-styles.css b/public/css/mobile-styles.css
index 5a27ed760..c5e4eb1a7 100644
--- a/public/css/mobile-styles.css
+++ b/public/css/mobile-styles.css
@@ -208,6 +208,8 @@
     #cfgConfig,
     #logprobsViewer,
     #movingDivs > div {
+        /* 100vh are fallback units for browsers that don't support svh */
+        height: calc(100vh - 45px);
         height: calc(100svh - 45px);
         min-width: 100% !important;
         width: 100% !important;
@@ -220,6 +222,9 @@
         top: var(--topBarBlockSize) !important;
         left: 0 !important;
         backdrop-filter: blur(calc(var(--SmartThemeBlurStrength) * 2));
+    }
+
+    #right-nav-panel {
         padding-right: 15px;
     }
 
@@ -241,9 +246,6 @@
     /*     .avatar_div {
         margin-top: 5px;
     } */
-    #avatar_controls {
-        padding:
-    }
 
     #character_popup {
         width: 100%;
diff --git a/public/style.css b/public/style.css
index 04e5cf64d..bc85a734b 100644
--- a/public/style.css
+++ b/public/style.css
@@ -939,8 +939,8 @@ body.reduced-motion #bg_custom {
 }
 
 .avatar img {
-    width: calc(var(--avatar-base-width) + 5px);
-    height: calc(var(--avatar-base-height) + 5px);
+    width: var(--avatar-base-width);
+    height: var(--avatar-base-height);
     object-fit: cover;
     object-position: center center;
     border-radius: var(--avatar-base-border-radius-round);