styling user and llm size of messages

my-workspace/projects/sae-lib/buttons/feedback-button/feedback-button.css

@@ -1,21 +1,4 @@
 .feedback-button {
-  /*background: #ecf3fa;*/
-  /*color: #083b7d;*/
-  /*padding: 8px;*/
-  /*border-radius: 8px;*/
-  /*border-bottom-left-radius: 0;*/
-  /*border-bottom-right-radius: 0;*/
-  /*transform: rotate(270deg);*/
-  /*cursor: pointer;*/
-  /*display: flex;*/
-  /*align-items: center;*/
-  /*gap: 8px;*/
-
-  /*margin-right: -35px;*/
-  /*position: fixed;*/
-  /*right: 0;*/
-  /*top: 240px;*/
-  /*z-index: 100;*/
 
   &:hover {
     background: #d9e8f6;
@@ -174,10 +157,7 @@
     }
   }
 }
-
-/
-/
-Spinner animation
+ 
 .spinning {
   animation: spin 1s linear infinite;
 }

my-workspace/projects/sae-lib/src/styles/_conversations.scss

@@ -16,8 +16,8 @@
   line-height: 16px; /* 114.286% */
   width: 300px;
   position: relative;
-  left: -64px;
-  top: -32px;
+  left: -16px;
+  top: -42px;
 
   .time-ago {
     color: #1E1F22;
@@ -50,21 +50,29 @@
   max-width: 100%;
 
 
+  .message-content {
+    padding-right: 60px;
+    padding-left: 24px;
+    display: inline-block;
+  }
+
   &.llm {
     background: rgba(#3b87cc, 10%);
     margin-right: 100px;
     margin-left: 10px;
     text-align: left;
+    padding-bottom: 16px;
 
-    .message-content {
-      margin-left: -25px;
-    }
 
     .actions {
-      margin-right: -25px;
+      margin-right: 24px;
       padding-right: 0;
       padding-bottom: 0;
     }
+
+    .user-infos {
+      top: -22px;
+    }
   }
 
   &.user {
@@ -73,8 +81,14 @@
     margin-left: 260px;
     text-align: right;
 
-    padding-top: 12px;
-    padding-bottom: 12px;
+    .bottom-actions {
+      display: none;
+    }
+
+    .message-content {
+      top: -16px;
+      position: relative;
+    }
 
     .actions {
       position: relative;

my-workspace/projects/sae-lib/src/styles/_layout_demo.scss

@@ -26,10 +26,16 @@
       .navbar-item {
         padding: 10px;
         margin-left: 16px;
+        border-bottom: 2px solid transparent;
 
         i {
           font-size: 24px;
         }
+
+        &.is-active {
+          background: #7FB8E7 !important;
+          border-bottom: 2px solid #7FB8E7;
+        }
       }
     }
 
@@ -336,8 +342,8 @@
       max-height: 90vh;
       margin: 0 auto;
       padding-top: 10px;
-      padding-left: 200px;
-      padding-right: 200px;
+      padding-left: 60px;
+      padding-right: 60px;
       overflow: auto;
       min-width: 915px;
     }