:recycle: [Refactor] Re-position styles in css

css/default.css

@@ -8,16 +8,32 @@
     max-width: 100vw;
 }
 
+/* Adaptation for mobile */
+@media (min-width: 900px) {
+    .container {
+        max-width: 900px;
+    }
+}
+
 body {
     /* background-image: linear-gradient(90deg, #eef3ff, #ecf1ff); */
     background-color: #ecf1ff;
 }
 
+#top-toolbar {
+    background-color: #e9efff;
+}
+
+#chat-session-container {
+    overflow-y: auto;
+    overflow-x: hidden;
+    padding: 0px;
+}
+
 .message-user,
 .message-assistant {
     box-shadow: 0px 0px 8px 0px rgba(122, 122, 122, 0.4);
     border-radius: 5px;
-    margin: 30px 0px 30px 0px;
     padding: 5px 0px 5px 0px;
     margin: 0px 0px 12px 0px;
 }
@@ -50,9 +66,6 @@ body {
     border-radius: 10px;
 }
 
-#top-toolbar {
-    background-color: #e9efff;
-}
 
 #chat-history-sidebar {
     box-shadow: 0px 0px 8px 0px rgba(122, 122, 122, 0.4);
@@ -61,13 +74,6 @@ body {
     border-width: 0px;
 }
 
-/* Adaptation for mobile */
-@media (min-width: 900px) {
-    .container {
-        max-width: 900px;
-    }
-}
-
 .available-model-item {
     display: flex;
     align-items: center;
@@ -79,12 +85,6 @@ body {
     cursor: pointer;
 }
 
-#chat-session-container {
-    overflow-y: auto;
-    overflow-x: hidden;
-    padding: 0px;
-}
-
 #user-input {
     resize: none;
     max-height: 500px;
@@ -110,9 +110,6 @@ body {
     max-width: 75px;
 }
 
-#messagers-container {
-    margin-top: 68px;
-}
 
 #scroll-to-bottom-button {
     z-index: 100;