style: CSS-Verbesserungen (dvh, shared-page, button-layout)

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