:zap: [Enhance] Prettify sidebar UI

components/inputs_binder.js

@@ -50,8 +50,8 @@ class ChatHistorySidebarResizeBinder {
     constructor() {
         this.USER_INTERACTIONS_MAX_WIDTH = 900;
         this.SIDEBAR_GAP = 20;
-        this.SIDEBAR_MAX_WIDTH = 250;
-        this.SIDEBAR_MIN_WIDTH = 120;
+        this.SIDEBAR_MAX_WIDTH = 300;
+        this.SIDEBAR_MIN_WIDTH = 150;
     }
     bind() {
         this.resize();

index.html

@@ -29,12 +29,12 @@
     <div id="chat-history-sidebar" class="offcanvas offcanvas-start" data-bs-scroll="true" data-bs-backdrop="false"
         aria-labelledby="chat-history-sidebar-label">
         <div class="offcanvas-header">
-            <h5 class="offcanvas-title" id="chat-history-label">
-                <a style="text-decoration: none; color:inherit;" href="#">History</a>
-            </h5>
             <button id="chat-history-sidebar-close-button" class="btn">
                 <i class="fa fa-close"></i>
             </button>
+            <h5 class="offcanvas-title" id="chat-history-label">
+                <a style="text-decoration: none; color:inherit;" href="#">History</a>
+            </h5>
         </div>
         <div class="offcanvas-body">
             <ul id="chat-history-sidebar-items" class="navbar-nav justify-content-end flex-grow-1">
@@ -61,12 +61,12 @@
     <div id="chat-agents-sidebar" class="offcanvas offcanvas-end" data-bs-scroll="true" data-bs-backdrop="false"
         aria-labelledby="chat-agents-sidebar-label">
         <div class="offcanvas-header">
-            <button id="chat-agents-sidebar-close-button" class="btn px-0 mx-0">
-                <i class="fa fa-close"></i>
-            </button>
             <h5 class="offcanvas-title" id="chat-agents-label">
                 <a style="text-decoration: none; color:inherit;"> Agent Info</a>
             </h5>
+            <button id="chat-agents-sidebar-close-button" class="btn px-0 mx-0">
+                <i class="fa fa-close"></i>
+            </button>
         </div>
         <div class="offcanvas-body">
             <div class="my-3 row no-gutters">