fix frontend bug

assets/style.css

@@ -1,66 +1,7 @@
-/* :root {
-    --user-image: url('https://ih1.redbubble.net/image.4776899543.6215/st,small,507x507-pad,600x600,f8f8f8.jpg');
-} */
-
-.warning-box {
-    background-color: #fff3cd;
-    border: 1px solid #ffeeba;
-    border-radius: 4px;
-    padding: 15px 20px;
-    font-size: 14px;
-    color: #856404;
-    display: inline-block;
-    margin-bottom: 15px;
-}
-
-
-.tip-box {
-    background-color: #f0f9ff;
-    border: 1px solid #80d4fa;
-    border-radius: 4px;
-    margin-top: 20px;
-    padding: 15px 20px;
-    font-size: 14px;
-    display: inline-block;
-    margin-bottom: 15px;
-    width: auto;
-    color: black !important;
-}
-
-body.dark .warning-box * {
-    color: black !important;
-}
-
-
-body.dark .tip-box * {
-    color: black !important;
-}
-
-
-.tip-box-title {
-    font-weight: bold;
-    font-size: 14px;
-    margin-bottom: 5px;
-}
-
-.light-bulb {
-    display: inline;
-    margin-right: 5px;
-}
-
-.gr-box {
-    border-color: #d6c37c
-}
-
-#hidden-message {
-    display: none;
-}
-
 .message {
     font-size: 14px !important;
 }
 
-
 a {
     text-decoration: none;
     color: inherit;
@@ -109,16 +50,6 @@ a {
     color: #999 !important;
 }
 
-.pdf-link {
-    display: inline-flex;
-    align-items: center;
-    margin-left: auto;
-    text-decoration: none !important;
-    font-size: 14px;
-}
-
-
-
 .message.user {
     /* background-color:#7494b0 !important; */
     border: none;
@@ -130,60 +61,18 @@ a {
     border: none;
 }
 
-/* .gallery-item > div:hover{
-    background-color:#7494b0 !important;
-    color:white!important;
-}
-.gallery-item:hover{
-    border:#7494b0 !important;
-}
-.gallery-item > div{
-    background-color:white !important;
-    color:#577b9b!important;
-}
-.label{
-    color:#577b9b!important;
-} */
-
-/* .paginate{
-    color:#577b9b!important;
-} */
-
-
-
-/* span[data-testid="block-info"]{
-    background:none !important;
-    color:#577b9b;
-  } */
-
-/* Pseudo-element for the circularly cropped picture */
-/* .message.bot::before {
-    content: '';
-    position: absolute;
-    top: -10px;
-    left: -10px;
-    width: 30px;
-    height: 30px;
-    background-image: var(--user-image);
-    background-size: cover;
-    background-position: center;
-    border-radius: 50%;
-    z-index: 10;
-  }
-   */
-
-label.selected {
-    background: none !important;
+.message.svelte-x4qvqz .prose {
+  font-size: small;
 }
 
-#submit-button {
-    padding: 0px !important;
+.message-row.panel.svelte-x4qvqz.svelte-x4qvqz {
+  margin:0;
+  padding:calc(var(--spacing-xl) * 2) calc(var(--spacing-xxl) * 1);
 }
 
-
-@media screen and (min-width: 1024px) {
+@media screen {
     div#sources-textbox {
-        height: calc(100vh - 190px) !important;
+        height: calc(100vh - 160px) !important;
         overflow-y: auto !important;
         scrollbar-width: none;
         -ms-overflow-style: none;
@@ -196,6 +85,8 @@ label.selected {
 
     div.svelte-iyf88w {
         scrollbar-width: none;
+        height: calc(-180px + 100vh) !important;
+        overflow-y: auto;
     }
 
     div.svelte-iyf88w::-webkit-scrollbar {
@@ -204,26 +95,27 @@ label.selected {
     }
 
     div#chatbot-row {
-        height: calc(100vh - 90px) !important;
-    }
-
-    .max-height {
-        height: calc(100vh - 90px) !important;
-        overflow-y: auto;
+        height: calc(100vh - 100px) !important;
     }
 
-    div.svelte-iyf88w {
-        height: calc(100vh - 160px) !important;
-        overflow-y: auto;
+    .form {
+        position: relative;
+        top: 10px;
     }
 
-    #accordion-spinoza {
-        height: calc(100vh - 160px) !important;
+    #center-panel {
+        flex-grow: 2;
+        min-width: min(320px, 100%);
+        height: calc(-100px + 100vh) !important;
     }
 
-    .form {
-        position: relative;
-        top: 10px;
+    .compact.svelte-vt1mxs,
+    .panel.svelte-vt1mxs {
+        border:solid var(--panel-border-width) var(--panel-border-color);
+        border-radius:var(--container-radius);
+        background:var(--panel-background-fill);
+        padding:var(--spacing-lg);
+        height: calc(-100px + 100vh) !important;
     }
 
     #accordion-spinoza>open>span:nth-child(1) {
@@ -265,75 +157,47 @@ label.selected {
 
 }
 
-/* footer {
+footer {
     visibility: hidden;
     display: none !important;
-} */
+}
 
 .footer-ekimetrics {
     display: flex;
     align-items: center;
     margin-left: var(--size-2);
+    font-size: smaller;
 }
 
-/* @media screen and (max-width: 767px) {
+@media screen and (max-width: 767px) {
     /* Your mobile-specific styles go here */
+    div#chatbot-row{
+        height:500px !important;
+    }
 
-div#chatbot {
-    height: 500px !important;
-}
-
-#submit-button {
-    padding: 0px !important;
-    min-width: 80px;
-}
-
-/* This will hide all list items */
-div.tab-nav button {
-    display: none !important;
-}
-
-/* This will show only the first list item */
-div.tab-nav button:first-child {
-    display: block !important;
-}
-
-/* This will show only the first list item */
-div.tab-nav button:nth-child(2) {
-    display: block !important;
-}
-
-/* This will show only the first list item */
-div.tab-nav button:nth-child(3) {
-    display: block !important;
-}
-
-#right-panel button {
-    display: block !important;
-}
-
-/* ... add other mobile-specific styles ... */
-
-*/ body.dark .card {
-    background-color: #374151;
-}
-
-body.dark .card-content h2 {
-    color: #f4dbd3 !important;
-}
-
-body.dark .card-footer {
-    background-color: #404652;
-}
-
-body.dark .card-footer span {
-    color: white !important;
-}
+    #submit-button{
+        padding:0px !important;
+        min-width: 80px;
+    }
 
+    /* This will hide all list items */
+    div.tab-nav button {
+        display: none !important;
+    }
 
-.doc-ref {
-    color: #dc2626 !important;
-    margin-right: 1px;
+    /* This will show only the first list item */
+    div.tab-nav button:first-child {
+        display: block !important;
+    }
+    
+    /* This will show only the first list item */
+    div.tab-nav button:nth-child(2) {
+        display: block !important;
+    }
+    
+    #right-panel button{
+        display: block !important;
+    }
 }
 
 .tabitem {
@@ -346,41 +210,6 @@ body.dark .card-footer span {
     padding-top: 10px;
 }
 
-.gallery-item>div {
-    white-space: normal !important;
-    /* Allow the text to wrap */
-    word-break: break-word !important;
-    /* Break words to prevent overflow */
-    overflow-wrap: break-word !important;
-    /* Break long words if necessary */
-}
-
-span.chatbot>p>img {
-    margin-top: 40px !important;
-    max-height: none !important;
-    max-width: 80% !important;
-    border-radius: 0px !important;
-}
-
-
-.chatbot-caption {
-    font-size: 11px;
-    font-style: italic;
-    color: #508094;
-}
-
-.ai-generated {
-    font-size: 11px !important;
-    font-style: italic;
-    color: #73b8d4 !important;
-}
-
-.card-image>.card-content {
-    background-color: #f1f7fa !important;
-}
-
-
-
 .tab-nav>button.selected {
     color: #4b8ec3;
     font-weight: bold;
@@ -401,20 +230,10 @@ span.chatbot>p>img {
     border: none;
 }
 
-#dropdown-samples {
-    /*! border:none !important; */
-    /*! border-width:0px !important; */
-    background: none !important;
-
-}
-
-#dropdown-samples>.container>.wrap {
-    background-color: white;
-}
-
 .loader {
   animation: blink 2s linear infinite;
 }
+
 @keyframes blink {
         0% {
           opacity: 0;