From 03dfa4ae3816e9c00cba0aa938a9abd0b55db726 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Tue, 12 Aug 2025 16:00:56 +0200
Subject: [PATCH] margin main chat column

---
 .../projects/sae-lib/alert-box/alert-box.scss |  2 +-
 .../sae-lib/src/styles/_conversations.scss    |  2 +-
 .../sae-lib/src/styles/_layout_demo.scss      | 59 +++++++++++++++++--
 .../sae-lib/src/styles/_variables.scss        |  2 +-
 4 files changed, 58 insertions(+), 7 deletions(-)

diff --git a/my-workspace/projects/sae-lib/alert-box/alert-box.scss b/my-workspace/projects/sae-lib/alert-box/alert-box.scss
index 12f6204..e155c01 100644
--- a/my-workspace/projects/sae-lib/alert-box/alert-box.scss
+++ b/my-workspace/projects/sae-lib/alert-box/alert-box.scss
@@ -3,7 +3,7 @@
 
 .alert {
   padding: 1rem 2rem;
-  border: solid 1px black;
+  //border: solid 1px black;
   border-radius: shadows.$spacing-1;
   margin-top: shadows.$spacing-1;
   margin-bottom: shadows.$spacing-1;
diff --git a/my-workspace/projects/sae-lib/src/styles/_conversations.scss b/my-workspace/projects/sae-lib/src/styles/_conversations.scss
index 01482b9..cf5d629 100644
--- a/my-workspace/projects/sae-lib/src/styles/_conversations.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_conversations.scss
@@ -40,7 +40,7 @@
 }
 
 .message {
-  padding: 16px 50px;
+  padding: 0;
 
   border-radius: 8px;
   margin-bottom: 40px;
diff --git a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
index 9850441..47e671a 100644
--- a/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_layout_demo.scss
@@ -56,6 +56,21 @@
     .is-expanded-left & .column-conversation {
       width: variables.$large-column-panel;
       flex-basis: variables.$large-column-panel;
+      padding-right: 32px;
+    }
+
+    .column-main {
+      width: 1193px;
+      padding-top: 32px;
+
+      .title {
+        margin-left: 16px;
+      }
+
+      .export-chat-button {
+        float: right
+      }
+
     }
   }
 
@@ -72,13 +87,32 @@
     @extend .nav-button !optional;
     margin: 0 16px 0;
     color: #1B1D27;
+
+    .funnel {
+      display: inline-block;
+      float: right;
+      height: 16px;
+      //background: blue;
+    }
+
+    &.is-expanded {
+      width: calc(100% - 12px);
+      margin-right: 12px;
+    }
   }
 
   .new-button {
     background: linear-gradient(70deg, #07397C -37.98%, #1767AD 17.98%, #255B8E 53.85%);
     @extend .nav-button !optional;
-    width: 100%;
-    text-align: center;
+    //width: 100%;
+    //text-align: center;
+    display: flex;
+    width: 284px;
+    height: 44px;
+    justify-content: center;
+    align-items: center;
+    flex-shrink: 0;
+
 
     i {
       width: 20px;
@@ -88,6 +122,13 @@
 
     .label {
       display: none;
+      color: #FFF;
+      text-align: center;
+      font-size: 20px;
+      font-style: normal;
+      font-weight: 500;
+      line-height: 100px;
+
 
       .is-expanded-left & {
         display: block;
@@ -109,10 +150,12 @@
     .is-expanded-left & {
       width: variables.$large-column-panel;
       flex-basis: variables.$large-column-panel;
+      padding-right: 22px;
     }
 
     .conversation-container {
       padding-left: 12px;
+      max-height: 80vh;
     }
 
     input {
@@ -143,7 +186,7 @@
 
         .active-peak {
           position: relative;
-          right: calc(-100% - 32px);
+          right: calc(-100% - 16px);
           top: -35px;
           visibility: visible;
         }
@@ -251,7 +294,8 @@
       max-height: 90vh;
       margin: 0 auto;
       padding-top: 10px;
-      padding-left: 10px;
+      padding-left: 200px;
+      padding-right: 200px;
       overflow: auto;
       min-width: 915px;
     }
@@ -368,4 +412,11 @@
 .bottom-warning-container {
   margin-left: 70px;
   margin-top: 18px;
+  //position: relative;
+  bottom: 12px;
+  //left: 12px;
+
+  .is-expanded-left & {
+    left: 300px;
+  }
 }
diff --git a/my-workspace/projects/sae-lib/src/styles/_variables.scss b/my-workspace/projects/sae-lib/src/styles/_variables.scss
index 51710b4..e2bc69e 100644
--- a/my-workspace/projects/sae-lib/src/styles/_variables.scss
+++ b/my-workspace/projects/sae-lib/src/styles/_variables.scss
@@ -65,7 +65,7 @@ $csc-filters-box-color: #E3EAF1;
 $bot-bubble: $csc-light-yellow-color;
 // sizes
 
-$large-column-panel: 300px;
+$large-column-panel: 332px;
 $small-column-panel: 50px;
 // spacing --------------------------