From f13a2c6f1e4d12cd5dc0cb8da5e1db82f01955ba Mon Sep 17 00:00:00 2001
From: Caroline Schulte <Caroline.schulte@uni-oldenburg.de>
Date: Mon, 15 Jun 2026 22:17:44 +0200
Subject: [PATCH] css design

---
 css/showArticle.css | 40 +++++++++++++---------------------------
 1 file changed, 13 insertions(+), 27 deletions(-)

diff --git a/css/showArticle.css b/css/showArticle.css
index cfe0aed..1539f90 100644
--- a/css/showArticle.css
+++ b/css/showArticle.css
@@ -115,6 +115,7 @@
     .article-view-title {
         font-size: 1.85rem;
     }
+}
 
     /* --- KOMMENTARE --- */
 
@@ -127,7 +128,10 @@
     .article-comments-section h2 {
         font-size: 2rem;
         margin-bottom: 1.5rem;
-        color: #1a202c;
+    }
+
+    #comments-list {
+        margin-bottom: 2rem;
     }
 
     .comment-item {
@@ -138,43 +142,25 @@
         margin-bottom: 1rem;
     }
 
-    .comment-item strong {
-        color: #1a202c;
-    }
-
-    .comment-item span {
-        color: #64748b;
-        font-size: 0.9rem;
-        margin-left: 0.5rem;
-    }
-
-    .comment-item p {
-        margin: 0.5rem 0;
-    }
-
     #comment-form {
-        margin-top: 2rem;
+        width: 100%;
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
     }
 
     #comment-content {
-        width: 100%;
-        min-height: 120px;
+        width: 100% !important;
+        min-height: 130px !important;
         padding: 1rem;
         border: 1px solid #cbd5e1;
         border-radius: 8px;
         font-size: 1rem;
         font-family: inherit;
         resize: vertical;
-        margin-bottom: 1rem;
     }
 
-    #comment-content:focus {
-        outline: none;
-        border-color: #2563eb;
+    #comment-form .button {
+        width: 100%;
     }
 
-    .no-comments-message {
-        color: #64748b;
-        font-style: italic;
-    }
-}