css design

css/showArticle.css

@@ -115,4 +115,66 @@
     .article-view-title {
         font-size: 1.85rem;
     }
+
+    /* --- KOMMENTARE --- */
+
+    .article-comments-section {
+        margin-top: 3rem;
+        padding-top: 2rem;
+        border-top: 1px solid #e2e8f0;
+    }
+
+    .article-comments-section h2 {
+        font-size: 2rem;
+        margin-bottom: 1.5rem;
+        color: #1a202c;
+    }
+
+    .comment-item {
+        background-color: #f8fafc;
+        border: 1px solid #e2e8f0;
+        border-radius: 10px;
+        padding: 1rem 1.25rem;
+        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;
+    }
+
+    #comment-content {
+        width: 100%;
+        min-height: 120px;
+        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;
+    }
+
+    .no-comments-message {
+        color: #64748b;
+        font-style: italic;
+    }
 }