From f2c390f0a8e5539fd78b9644e31704b08a48cbdb Mon Sep 17 00:00:00 2001
From: fretuks <frederik@spirgi.com>
Date: Tue, 30 Jun 2026 11:12:01 +0200
Subject: [PATCH] fix styling (fr this time)

---
 public/style.css | 24 +++++++++++++++---------
 1 file changed, 15 insertions(+), 9 deletions(-)

diff --git a/public/style.css b/public/style.css
index d7f3cc7..81be6e8 100644
--- a/public/style.css
+++ b/public/style.css
@@ -6406,12 +6406,14 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
 #chatDrawer.chat-drawer {
     position: fixed;
     display: grid;
-    inset: 0 0 0 auto;
-    width: min(560px, 100vw);
-    height: 100vh;
-    padding: 10px;
+    inset: 10px 10px 10px auto;
+    width: min(500px, calc(100vw - 20px));
+    height: auto;
+    max-height: calc(100dvh - 20px);
+    padding: 0;
     z-index: 100;
     overflow: hidden;
+    box-sizing: border-box;
 }
 
 #chatDrawer.chat-drawer.hidden {
@@ -6421,10 +6423,11 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
 #chatDrawer .chat-drawer-panel {
     width: 100%;
     height: 100%;
+    max-height: calc(100dvh - 20px);
     min-height: 0;
     display: grid;
     grid-template-rows: auto minmax(0, 1fr);
-    gap: 18px;
+    gap: 14px;
     overflow: hidden;
 }
 
@@ -6440,6 +6443,7 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
     align-content: start;
     overflow: auto;
     gap: 10px;
+    padding-bottom: 8px;
 }
 
 #chatDrawer .chat-drawer-summary,
@@ -6451,14 +6455,16 @@ body[data-theme-mode="dark"][data-theme="fraud"] .card {
 
 @media (max-width: 820px) {
     #chatDrawer.chat-drawer {
-        inset: auto 0 0 0;
-        width: 100vw;
-        height: min(86vh, 880px);
-        padding: 12px 12px calc(12px + env(safe-area-inset-bottom, 0px));
+        inset: auto 10px calc(10px + env(safe-area-inset-bottom, 0px)) 10px;
+        width: auto;
+        height: min(78dvh, 760px);
+        max-height: calc(100dvh - 20px - env(safe-area-inset-bottom, 0px));
+        padding: 0;
     }
 
     #chatDrawer .chat-drawer-panel {
         height: 100%;
+        max-height: min(78dvh, 760px);
         border-radius: 28px 28px 18px 18px;
     }
 }