UI improvements

docs/_partials/job-cashflow-widget/index.html

@@ -9,7 +9,7 @@ <h5 class="card-title">Location Costs</h5>
 
 
 
-          <div data-state="Default" class="col-6 col-md-2">
+          <div data-state="Default" class="col-6 col-sm-4 col-md-2">
 
               <div class="card-widget">
                 <div class="card-widget-header">
@@ -28,7 +28,7 @@ <h5 class="card-title">Location Costs</h5>
 
 
 
-          <div data-state="Default" class="col-6 col-md-2">
+          <div data-state="Default" class="col-6 col-sm-4 col-md-2">
 
               <div class="card-widget widget-danger">
                 <div class="card-widget-header">
@@ -47,7 +47,7 @@ <h5 class="card-title">Location Costs</h5>
 
 
 
-          <div data-state="Default" class="col-6 col-md-2">
+          <div data-state="Default" class="col-6 col-sm-4 col-md-2">
 
               <div class="card-widget">
                 <div class="card-widget-header">
@@ -66,7 +66,7 @@ <h5 class="card-title">Location Costs</h5>
 
 
 
-          <div data-state="Default" class="col-6 col-md-2">
+          <div data-state="Default" class="col-6 col-sm-4 col-md-2">
 
               <div class="card-widget">
                 <div class="card-widget-header">
@@ -85,7 +85,7 @@ <h5 class="card-title">Location Costs</h5>
 
 
 
-          <div data-state="Default" class="col-6 col-md-2">
+          <div data-state="Default" class="col-6 col-sm-4 col-md-2">
 
               <div class="card-widget widget-warning">
                 <div class="card-widget-header">

docs/chatbot/chatbot/index.html

@@ -37,20 +37,21 @@
       <header class="site-header sticky-header">
         <header class="py-1 px-3 mb-4 bg-light shadow-sm rounded-b-full fixed-top">
   <div class="container-fluid">
-    <div class="d-flex flex-wrap align-items-center justify-content-center justify-content-lg-start gap-2">
-      <button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
-        <i class="fa-solid fa-bars fa-lg"></i>
-      </button>
-      <a href="/casWOW/" class="d-flex align-items-center mb-2 mb-lg-0 link-secondary text-decoration-none">
-        <img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
-        <span class="d-flex d-sm-none">CASim Online</span>
-      </a>
+    <div class="d-inline-flex flex-wrap align-items-center justify-content-between gap-2 w-100">
+      <div class="d-inline-flex gap-2 align-items-center me-3">
+        <button class="btn btn-outline-dark" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample" title="Menu">
+          <i class="fa-solid fa-bars fa-lg"></i>
+        </button>
+        <a href="/casWOW/" class="d-flex align-items-center mb-2 mb-lg-0 link-secondary text-decoration-none">
+          <img src="/casWOW/img/CAS_logo.svg" height="32px" alt="CASWOW logo" style="height: 32px;" />
+        </a>
+      </div>
 
-      <ul class="nav navbar-top col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0  d-none d-sm-flex">
-        <li>
+      <ul class="nav navbar-top col-12 col-lg-auto me-lg-auto mb-2 justify-content-center mb-md-0 d-none d-lg-flex">
+        <li class="d-none d-lg-block">
           <a href="/casWOW/costs/xpress" class="nav-link px-2 link-secondary ">XPress</a>
         </li>
-        <li>
+        <li class="d-none d-lg-block">
           <a href="/casWOW/costs/project-costs" class="nav-link px-2 link-secondary ">Project Costs</a>
         </li>
         <li class="d-none d-lg-block">
@@ -64,9 +65,9 @@
         </li>
       </ul>
 
-      <div class="d-none d-sm-flex gap-2">
+      <div class="d-none d-lg-flex gap-2">
         <button class="btn btn-sm btn-dropdown-toggle btn-outline-secondary" type="button" data-bs-toggle="dropdown" aria-expanded="false">
-          CAS - New York
+          <i class="fa-solid fa-building"></i> <span class="d-none d-lg-inline">CAS - New York</span>
         </button>
         <ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start">
 
@@ -145,18 +146,16 @@
         </ul>
       </div>
 
-      <div class="d-none d-sm-flex gap-2">
-        <button class="btn btn-sm btn-outline-secondary" type="button">
+      <div class="d-none d-lg-flex gap-2">
+        <button class="btn btn-sm btn-outline-secondary" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Print">
           <i class="fa-solid fa-print"></i>
-          Print
         </button>
-        <button class="btn btn-sm btn-outline-secondary d-inline-flex align-items-center" type="button">
+        <button class="btn btn-sm btn-outline-secondary align-items-center" type="button" data-bs-toggle="tooltip" data-bs-placement="bottom" data-bs-title="Export">
           <i class="fa-solid fa-file-export"></i>
-          Export
         </button>
       </div>
 
-      <div class="dropdown text-end d-none d-lg-block">
+      <div class="dropdown text-end d-flex">
         <a href="#" class="d-block link-secondary text-decoration-none dropdown-toggle" data-bs-toggle="dropdown" aria-expanded="false">
           <img src="/casWOW/img/lumberjack.png" height="32px" alt="Lumberjack avatar" style="height: 32px;" class="rounded-full" />
         </a>
@@ -202,7 +201,26 @@
     </div>
   </div>
 </header>
-<!-- remove show -->
+
+      </header>
+
+          <div class="page-header sticky-page-header">
+              <div class="page-header">
+  <div class="top-page-header"></div>
+  <div class="page-header-text">
+    <div class="logo-text-badge-link">
+      <div class="header-subheader">
+        <div class="header-label">
+          <span class="h2">
+
+          </span></div></div>
+    </div></div></div>
+
+          </div>
+
+      <main class="mt-6">
+        <a id="main-content"></a>
+        <!-- remove show -->
 <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <!-- remove display: block -->
   <div class="modal-dialog modal-xl">
     <div class="modal-content about-modal-background">
@@ -239,25 +257,6 @@ <h2>CASim Online</h2>
   </div>
 </div>
 
-
-      </header>
-
-          <div class="page-header sticky-page-header">
-              <div class="page-header">
-  <div class="top-page-header d-none d-sm-block"></div>
-  <div class="page-header-text">
-    <div class="logo-text-badge-link">
-      <div class="header-subheader">
-        <div class="header-label">
-          <span class="h2">
-
-          </span></div></div>
-    </div></div></div>
-
-          </div>
-
-      <main class="mt-6">
-        <a id="main-content"></a>
         <div class="offcanvas offcanvas-start left-navigation"
   tabindex="-1"
   id="offcanvasExample"