FIX: chat and room size

src/components/widget/chatWidget.css

@@ -7,22 +7,34 @@
   background: var(--card);
   border-radius: 10px;
   overflow: hidden;
+  height: 93vh;
 }
 
-.convlist {
+.convHeader {
   display: flex;
   flex-direction: row;
+  justify-content: space-between;
+  
   gap: 0.5rem;
   padding: 8px;
   overflow-y: auto;
   height: 20%;
 }
 
+.convList{
+  display: flex;
+  flex-direction: row;
+  gap: 0.5rem;
+  padding: 8px;
+  
+}
+
 .convcard {
   padding: 0.5rem 0.75rem;
   background: var(--panel);
   border-radius: 6px;
   cursor: pointer;
+  overflow: hidden;
 }
 
 .convcard:hover {
@@ -31,7 +43,7 @@
 
 .senderBox{
   display: flex;
-  height: 10%;
+  height: 20%;
 }
 
 .senderBox * {
@@ -47,17 +59,18 @@ width: 70%;
 
 .sendbutton{
   width: 30%;
+  border-radius: 0%;
 }
 
 
 .messageCard {
-  height: 100%;
+  height: auto;
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
 
   background: var(--messageCard);
-  overflow-y: auto;
+  overflow-y:scroll;
 }
 
 /* Messages */
@@ -92,6 +105,10 @@ margin: 5px;
 
 }
 
+.convUtils{
+    width: 25%;
+}
+
 .convUtils button {
   margin: 3px;