style.css

web/style.css

@@ -150,6 +150,7 @@ textarea:focus {
 
 
 /* Layout Splits */
+/* Forces the two panels to stand next to each other */
 .main-container {
     display: flex;
     gap: 20px;
@@ -158,13 +159,13 @@ textarea:focus {
 }
 
 .left-panel {
-    flex: 0 0 45%;
+    flex: 0 0 45%; /* Keeps conversation at 45% width */
     display: flex;
     flex-direction: column;
 }
 
 .right-panel {
-    flex: 0 0 55%;
+    flex: 0 0 55%; /* Keeps Broad-Board at 55% width */
     border-left: 2px solid #555;
     padding-left: 20px;
 }
@@ -199,12 +200,12 @@ textarea:focus {
     cursor: pointer;
 }
 
-    .agent-box h3 {
-        margin: 0 0 10px 0;
-        font-size: 1rem;
-        color: #4CAF50;
-        text-align: center;
-    }
+.agent-box h3 {
+    margin: 0 0 10px 0;
+    font-size: 1rem;
+    color: #4CAF50;
+    text-align: center;
+}
 
 /* 🔹 THE CRITICAL FIX: Scrollbar per agent */
 .agent-content {
@@ -217,16 +218,16 @@ textarea:focus {
     padding: 5px;
 }
 
-    .agent-content.revealed {
-        filter: blur(0);
-    }
+.agent-content.revealed {
+    filter: blur(0);
+}
 
-    /* Scrollbar Styling */
-    .agent-content::-webkit-scrollbar {
-        width: 6px;
-    }
+/* Scrollbar Styling */
+.agent-content::-webkit-scrollbar {
+    width: 6px;
+}
 
-    .agent-content::-webkit-scrollbar-thumb {
-        background: #444;
-        border-radius: 3px;
-    }
+.agent-content::-webkit-scrollbar-thumb {
+    background: #444;
+    border-radius: 3px;
+}