From 64c3f165e9cb433b6558d41d6fe68b7abcf08339 Mon Sep 17 00:00:00 2001
From: Meleki <meleki@gott.local>
Date: Thu, 5 Mar 2026 09:39:09 +0100
Subject: [PATCH] style: CSS-Verbesserungen (dvh, shared-page, button-layout)

---
 wwwroot/css/base.css  |  2 +-
 wwwroot/css/chat.css  | 31 ++++++-------------------------
 wwwroot/css/form.css  |  4 ++++
 wwwroot/css/login.css |  2 +-
 4 files changed, 12 insertions(+), 27 deletions(-)

diff --git a/wwwroot/css/base.css b/wwwroot/css/base.css
index 91f631f..625ae68 100644
--- a/wwwroot/css/base.css
+++ b/wwwroot/css/base.css
@@ -13,7 +13,7 @@
 body {
   background: var(--f2-bg);
   color: var(--text);
-  height: 100vh;
+  height: 100dvh;
   display: flex;
   flex-direction: column;
 }
diff --git a/wwwroot/css/chat.css b/wwwroot/css/chat.css
index 25e9087..122edab 100644
--- a/wwwroot/css/chat.css
+++ b/wwwroot/css/chat.css
@@ -903,8 +903,10 @@
   display: flex;
   flex-direction: column;
   min-height: 100dvh;
+  width: 100%;
   max-width: var(--page-width);
   margin: 0 auto;
+  overflow: auto;
 }
 
 .shared-header {
@@ -912,18 +914,14 @@
   align-items: center;
   gap: var(--box-spacing);
   padding: var(--page-padding);
-  border-bottom: var(--border-width) solid var(--f2-border);
 }
 
 .shared-logo {
   font-weight: bold;
-  font-size: 1.2em;
-  letter-spacing: .05em;
 }
 
 .shared-label {
   opacity: var(--semi-transparent);
-  font-size: var(--font-size);
 }
 
 .shared-content {
@@ -932,44 +930,27 @@
   display: flex;
   flex-direction: column;
   gap: var(--badge-spacing);
-  overflow-y: auto;
 }
 
-.shared-content .msg {
-  max-width: 100%;
-}
-
-.shared-loading,
-.shared-error {
+.shared-loading  {
   text-align: center;
   padding: 3em 1em;
   opacity: var(--semi-transparent);
 }
 
 .shared-error {
+  text-align: center;
+  padding: 3em 1em;
   color: var(--dangerous);
-  opacity: 1;
 }
 
 .shared-meta {
   text-align: center;
   padding: var(--box-padding);
   opacity: var(--semi-transparent);
-  font-size: var(--font-size);
 }
 
 .shared-footer {
-  padding: var(--page-padding);
   text-align: center;
-  border-top: var(--border-width) solid var(--f2-border);
-}
-
-.shared-cta {
-  color: var(--primary);
-  text-decoration: none;
-  font-weight: bold;
-}
-
-.shared-cta:hover {
-  text-decoration: underline;
+  padding: var(--page-padding);
 }
diff --git a/wwwroot/css/form.css b/wwwroot/css/form.css
index 14648c8..02080c3 100644
--- a/wwwroot/css/form.css
+++ b/wwwroot/css/form.css
@@ -44,6 +44,10 @@
   flex: 1;
 }
 
+.input-with-btn button {
+  align-self: center;
+}
+
 #agentFilesSection {
   margin-top: var(--box-spacing);
 }
diff --git a/wwwroot/css/login.css b/wwwroot/css/login.css
index 445d5bd..840a147 100644
--- a/wwwroot/css/login.css
+++ b/wwwroot/css/login.css
@@ -4,7 +4,7 @@
   display: flex;
   align-items: center;
   justify-content: center;
-  min-height: 100vh;
+  min-height: 100dvh;
   min-height: 100dvh;
   padding: 1.5rem;
 }