Update assets/custom.css

assets/custom.css

@@ -3,8 +3,33 @@ body {
     color: #454545;
 }
 
-.navbar {
-    background-color: #116F70;
+.container-fluid {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.row {
+    margin-left: 0;
+    margin-right: 0;
+}
+
+/* Left pane styles */
+.col-3 {
+    background-color: #eeeeee;
+    padding: 15px;
+    border-radius: 5px;
+}
+
+/* Right pane styles */
+.col-9 {
+    background-color: white;
+    padding: 15px;
+    border-radius: 5px;
+}
+
+/* Remove underlines from all text */
+a, a:hover, a:focus, button, .btn-link {
+    text-decoration: none !important;
 }
 
 .btn-primary {
@@ -27,55 +52,40 @@ body {
     border-color: #00AEAF;
 }
 
-.btn-tertiary {
-    background-color: #E0E0E0;
-    border-color: #E0E0E0;
-    color: #1C304A;
-}
-
-.btn-tertiary:hover {
-    background-color: #DEF4F4;
-    border-color: #DEF4F4;
-    color: #1C304A;
-}
-
-.card {
-    background-color: #FFFFFF;
-    border-color: #E0E0E0;
-}
-
-/* Custom styles for left and right panes */
-.left-pane {
-    background-color: #eeeeee;
-    padding: 15px;
-    border-radius: 5px;
-}
-
-.right-pane {
-    background-color: white;
-    padding: 15px;
-    border-radius: 5px;
+.btn-success {
+    background-color: #28a745;
+    border-color: #28a745;
 }
 
-/* Remove underlines from text */
-a, a:hover, a:focus {
-    text-decoration: none;
+.btn-success:hover {
+    background-color: #218838;
+    border-color: #1e7e34;
 }
 
-/* Additional styles for better visual separation */
+/* Custom button styles */
 .custom-button {
     text-align: left;
     padding: 10px;
     margin-bottom: 5px;
     border-radius: 5px;
     transition: background-color 0.3s;
+    color: #1C304A;
 }
 
 .custom-button:hover {
     background-color: #DEF4F4;
 }
 
-/* Styling for the file list */
+/* File upload area */
+#upload-document {
+    border: 1px dashed #E0E0E0;
+    border-radius: 5px;
+    padding: 10px;
+    text-align: center;
+    margin-bottom: 15px;
+}
+
+/* File list styles */
 #file-list > div {
     background-color: #FFFFFF;
     padding: 5px;
@@ -103,7 +113,7 @@ a, a:hover, a:focus {
     color: white;
 }
 
-/* Styling for the document preview */
+/* Document preview area */
 #document-preview {
     background-color: #FFFFFF;
     border: 1px solid #E0E0E0;
@@ -112,11 +122,31 @@ a, a:hover, a:focus {
     margin-bottom: 15px;
 }
 
-/* Styling for the chat input and button */
+/* Chat input and button */
 #chat-input {
     border-color: #E0E0E0;
 }
 
 #btn-send-chat {
     margin-left: 10px;
+}
+
+/* Loading indicator */
+.dash-spinner {
+    margin: 0 auto;
+}
+
+/* Markdown content */
+.markdown-body {
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
+    font-size: 16px;
+    line-height: 1.5;
+    word-wrap: break-word;
+}
+
+/* Ensure buttons don't wrap text */
+.btn {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }