Update static/style.css

static/style.css

@@ -1,42 +1,42 @@
-/* QA Answer Card */
+/* QA Answer Cards */
 #answer-box div {
     background: linear-gradient(135deg, #c3dafe, #e0e7ff);
-    padding: 15px 20px;
-    border-radius: 15px;
-    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
-    margin-bottom: 12px;
+    padding: 18px 22px;
+    border-radius: 18px;
+    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
+    margin-bottom: 14px;
     transition: background 0.3s, transform 0.2s;
 }
 
 #answer-box div:hover {
     background: linear-gradient(135deg, #a5b4fc, #c7d2fe);
-    transform: translateY(-2px);
+    transform: translateY(-3px);
 }
 
 #answer-box p {
-    margin: 5px 0;
+    margin: 6px 0;
 }
 
 #answer-box strong {
     color: #4338ca;
 }
 
-/* Dark mode adjustments */
+/* Dark mode answer cards */
 .dark-mode #answer-box div {
     background-color: #1f2937;
-    box-shadow: 0 4px 10px rgba(0,0,0,0.3);
+    box-shadow: 0 4px 12px rgba(0,0,0,0.3);
 }
 
 .dark-mode #answer-box strong {
     color: #93c5fd;
 }
 
-/* History List Items */
+/* History Items */
 #history-list li {
     background: linear-gradient(135deg, #fce7f3, #fbcfe8);
-    padding: 10px 15px;
-    border-radius: 12px;
-    margin-bottom: 8px;
+    padding: 12px 16px;
+    border-radius: 14px;
+    margin-bottom: 10px;
     cursor: pointer;
     transition: background 0.3s, transform 0.2s;
     list-style: none;
@@ -53,7 +53,7 @@
     transform: translateX(0);
 }
 
-/* Dark mode for history items */
+/* Dark mode history items */
 .dark-mode #history-list li {
     background-color: #1f2937;
     color: #d1d5db;
@@ -63,7 +63,7 @@
     background-color: #374151;
 }
 
-/* Scrollbar styling */
+/* Scrollbars */
 #answer-box::-webkit-scrollbar,
 #history-list::-webkit-scrollbar {
     width: 8px;