css design

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%;
+        width: 100% !important;
-        min-height: 120px;
+        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 {
+    #comment-form .button {
-        outline: none;
+        width: 100%;
-        border-color: #2563eb;
     }
 
-    .no-comments-message {
-        color: #64748b;
-        font-style: italic;
-    }
-}