change input

my-workspace/projects/sae-lib/alert-box/alert-box.scss

@@ -7,6 +7,8 @@
   border-radius: shadows.$spacing-1;
   margin-top: shadows.$spacing-1;
   margin-bottom: shadows.$spacing-1;
+  text-align: left;
+  margin-left: -100px;
 }
 
 

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

@@ -3,7 +3,7 @@
 
 #layout_demo {
   .app-theme-light & {
-    background: #fff;
+    background: variables.$white;
   }
 
   .app-theme-dark & {
@@ -15,65 +15,70 @@
   }
 }
 
-.layout-split {
-  .navbar {
-    background: #1b1d27;
-    color: white;
-    height: 60px;
+.navbar {
+  background: #1b1d27;
+  color: white;
+  height: 60px;
+
+  .navbar-item {
+    padding-left: 24px;
+    padding-right: 24px;
+
+    &:last-of-type {
+      padding-right: 32px;
+    }
+
+    &.user-account-item {
+
+      background: #525668;
+      color: white;
+    }
+
+    &.is-active {
+      border-bottom: 2px solid #7FB8E7;
+      color: #7FB8E7;
+    }
+
+    &:hover {
+      background: #3B3E4D;
+      border-bottom: 2px solid #7FB8E7;
+    }
+  }
+
+  .navbar-brand {
+    margin-right: 35px;
 
     .navbar-item {
-      padding-left: 24px;
-      padding-right: 24px;
+      padding: 10px;
+      margin-left: 16px;
+      border-bottom: 2px solid transparent;
 
-      &:last-of-type {
 
-        padding-right: 32px;
+      i {
+        font-size: 24px;
       }
 
 
-      &.user-account-item {
-
-        background: #525668;
-        color: white;
-      }
-
-      &.is-active {
-        border-bottom: 2px solid #7FB8E7;
-        color: #7FB8E7;
-      }
     }
-
-    .navbar-brand {
-      margin-right: 35px;
-
-      .navbar-item {
-        padding: 10px;
-        margin-left: 16px;
-        border-bottom: 2px solid transparent;
-
-
-        i {
-          font-size: 24px;
-        }
-
-
-      }
-    }
-
-    .label {
-      color: #FFF;
-      font-family: Barlow;
-      font-size: 18px;
-      font-style: normal;
-      font-weight: 500;
-      line-height: normal;
-      text-transform: uppercase;
-      margin-top: -0.25em;
-    }
-
-
   }
 
+  .label {
+    color: #FFF;
+    font-family: Barlow;
+    font-size: 18px;
+    font-style: normal;
+    font-weight: 500;
+    line-height: normal;
+    text-transform: uppercase;
+    margin-top: -0.25em;
+  }
+
+
+}
+
+.layout-split {
+
+
   .navigation {
     background: variables.$bg-color-nav;
     color: variables.$neutral-white;
@@ -308,6 +313,10 @@
 
     min-width: 900px;
 
+    .is-small-right & {
+      min-width: 1200px;
+    }
+
   }
 
   .chatbot-container-box {
@@ -372,7 +381,8 @@
     }
 
     .main-conversation-container {
-      //margin-right: 16px;
+      
+      height: 100vh;
       padding-top: 88px;
       border-radius: 10px;
       background: variables.$bg-color-chat;
@@ -484,8 +494,9 @@
 }
 
 .conversation-bottom {
-  padding: 10px 200px;
-  margin-top: -100px;
+  padding: 10px 60px;
+  //margin-top: -100px;
+  margin-top: -43px;
 }
 
 .bottom-warning-container {

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

@@ -23,6 +23,7 @@ $secondary-color-200: #7AC0BE;
 $neutral-color: #AAA;
 $neutral-blue: #1b1d27;
 $neutral-white: #fff;
+$white: #fff;
 
 $error-color: #E84F4F;
 $danger-color: #A31B1B;