test_2

src/client/styles.css

@@ -492,65 +492,88 @@ label.option-card:hover {
   border: 1px solid rgba(255, 255, 255, 0.2);
 }
 
-.chat-modal-content {
+/* .w. */
+
+.chat-columns {
   display: flex;
-  flex-direction: column;
-  gap: 12px;
+  gap: 16px;
+  padding: 12px;
+  overflow-x: auto;
 }
 
-.chat-preview {
-  background: #222;
-  padding: 10px;
-  border-radius: 6px;
+.chat-column {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 120px;
+}
+
+.column-title {
   font-weight: bold;
-  text-align: center;
-}
-
-.chat-section {
-  display: flex;
-  flex-direction: column;
-}
-
-.chat-section-title {
-  font-size: 14px;
-  margin-bottom: 6px;
-}
-
-.chat-options {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
+  margin-bottom: 4px;
 }
 
 .chat-option-button {
-  background: #444;
+  background: #333;
+  color: white;
   border: none;
+  padding: 8px 12px;
   border-radius: 4px;
-  padding: 6px 10px;
+  text-align: left;
   cursor: pointer;
 }
 
 .chat-option-button.selected {
-  background: #66c;
+  background-color: #66c;
+}
+
+.chat-preview {
+  margin: 10px 12px;
+  padding: 10px;
+  background: #222;
   color: white;
+  border-radius: 6px;
+  text-align: center;
 }
 
 .chat-send {
   display: flex;
-  justify-content: space-between;
-  margin-top: 10px;
+  justify-content: flex-end;
+  padding: 0 12px 12px;
 }
 
 .chat-send-button {
   background: #4caf50;
   color: white;
-  padding: 8px 14px;
+  padding: 8px 16px;
+  border: none;
   border-radius: 4px;
+  cursor: pointer;
 }
 
-.chat-cancel-button {
-  background: #aaa;
-  color: black;
-  padding: 8px 14px;
-  border-radius: 4px;
+.chat-column {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+  min-width: 140px;
+}
+
+.player-search-input {
+  padding: 6px 8px;
+  border-radius: 4px;
+  border: 1px solid #666;
+  font-size: 14px;
+  outline: none;
+
+  background-color: #fff;
+  color: #000;
+}
+
+.player-scroll-area {
+  max-height: 200px;
+  overflow-y: auto;
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  padding-right: 4px;
 }