css progress 3

app/styles/container.css

@@ -13,7 +13,6 @@
     border-radius: 0 1em 0 0;
     margin-left: 0;
     padding-right: 1em;
-    height: 100%;
 }
 
 .left-panel.hidden {
@@ -30,11 +29,6 @@
     height: 100%;
 }
 
-/* Adjust margin-left when panel is shown or hidden */
-.conversation-container.expanded {
-    margin-left: 1vw;
-}
-
 .conversation-container.collapsed {
     margin-left: 1vw; /* Space for the left panel */
     bottom: 0;

app/styles/global.css

@@ -1,4 +1,3 @@
-html,
 body {
     height: 100vh;
     overflow: hidden;
@@ -6,9 +5,6 @@ body {
 }
 
 body {
-    display: flex;
-    justify-content: center;
-    align-items: center;
     background-color: var(--background-color);
     color: var(--text-color);
     font-family: var(--font-family);
@@ -19,11 +15,6 @@ body {
 header {
     background-color: var(--header-background-color);
     color: var(--header-text-color);
-    padding: 1rem; /* Adjust padding as needed */
-}
-
-main{
-    height: 100%;
 }
 
 button {

app/styles/reset.css

@@ -2,4 +2,5 @@
     margin: 0;
     padding: 0;
     box-sizing: border-box;
+    scroll-behavior: smooth;
 }