styling

Author: zack-white

frontend/src/app/components/AddPage.css

@@ -72,7 +72,7 @@
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    gap: 10px;
+    gap: 3vw;
 }
 
 .time-period-component {
@@ -81,7 +81,7 @@
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    gap: 10px;
+    gap: 3vw;
 }
 
 #drop-zone {

frontend/src/app/components/Sidebar.css

@@ -78,7 +78,6 @@
     overflow-x: hidden;
     padding-top: 20px;
     bottom: 0;
-    position: fixed;
-
     min-width: 50px;
+    position: fixed;
 }

frontend/src/app/components/StylishButton.css

@@ -89,6 +89,8 @@
     border: none;
     color: #000000;
     box-shadow: none;
+    height: 40px;
+    width: 20px;
   }
 
   .stylish-button.style4:hover {

frontend/src/app/inventory/15Tablecomp/Inventory.css

@@ -13,16 +13,21 @@ body, html {
     max-width: 100vw;
     display: flex;
     flex-direction: column;
-    align-items: flex-start;
+    align-items: flex-end;
     position: relative;
     transition: width 0.3s ease-in-out;
+    flex-shrink: 0;
 }
 
 .Header {
     background-color: #F8F5F5;
     height: 15%;
     width: 95%;
     display: flex;
+    border: 1px solid #9B525F;
+    background: linear-gradient(0deg, #FFF, 0%, #FFF, 100%), #F8F5F5;
+    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.25);
+    padding-left: 1rem;
     flex-direction: column;
     align-items: center;
     justify-content: flex-start;
@@ -66,6 +71,7 @@ body, html {
     width: 100%;
     padding-right: 10%;
     position: absolute;
+    width:100%;
     bottom: 0; 
     gap: 2vh;
     font-size: 1vw;

frontend/src/app/inventory/15Tablecomp/InventoryUnit.css

@@ -80,7 +80,6 @@
     align-items: center;
     width: 50vw;
     z-index: 100;
-    justify-content: space-between;
     font-size: 0.85rem;
 }