From cbf282ff182e2f6593bcb8b58610362af799516d Mon Sep 17 00:00:00 2001
From: Rami Winestock <ramiwi@gmail.com>
Date: Tue, 19 Dec 2023 16:26:02 +0200
Subject: [PATCH] Update UI styles in header, main, and menu components

---
 frontend/js/app/ui/header/main.ejs | 2 +-
 frontend/js/app/ui/main.ejs        | 2 +-
 frontend/js/app/ui/menu/main.ejs   | 2 +-
 frontend/scss/custom.scss          | 9 +++++++++
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/frontend/js/app/ui/header/main.ejs b/frontend/js/app/ui/header/main.ejs
index 7467ba1c..456db4ef 100644
--- a/frontend/js/app/ui/header/main.ejs
+++ b/frontend/js/app/ui/header/main.ejs
@@ -1,4 +1,4 @@
-<div class="container">
+<div class="mx-3 mx-md-5" style="width: 95vw;">
     <div class="d-flex">
         <button class="navbar-toggler d-lg-none mr-2" type="button" data-toggle="collapse" data-target="#menu">
             <span class="navbar-toggler-icon"></span>
diff --git a/frontend/js/app/ui/main.ejs b/frontend/js/app/ui/main.ejs
index 7a7cd046..1addcdd9 100644
--- a/frontend/js/app/ui/main.ejs
+++ b/frontend/js/app/ui/main.ejs
@@ -7,7 +7,7 @@
             <!-- Menu View -->
         </div>
     </div>
-    <div class="my-3 my-md-5">
+    <div class="m-3 my-md-5">
         <div id="app-content">
             <!-- App View -->
         </div>
diff --git a/frontend/js/app/ui/menu/main.ejs b/frontend/js/app/ui/menu/main.ejs
index f978e52d..aec0ddc8 100644
--- a/frontend/js/app/ui/menu/main.ejs
+++ b/frontend/js/app/ui/menu/main.ejs
@@ -1,4 +1,4 @@
-<div class="container">
+<div class="mx-3 mx-md-5">
     <div class="row align-items-center">
         <div class="col-lg order-lg-first">
             <ul class="nav nav-tabs border-0 flex-column flex-lg-row">
diff --git a/frontend/scss/custom.scss b/frontend/scss/custom.scss
index 4037dcf6..cc1e96e1 100644
--- a/frontend/scss/custom.scss
+++ b/frontend/scss/custom.scss
@@ -39,4 +39,13 @@ a:hover {
 
 .col-login {
     max-width: 48rem;
+}
+
+.page {
+    width: fit-content;
+    min-width: 100%;
+}
+
+table.card-table thead th {
+    vertical-align: top;
 }
\ No newline at end of file