UX Improvements for Home page and Accessibility Statement page

static/css/shared.css

@@ -240,6 +240,8 @@ img, video {
 img.header-logo {
     max-height: 15vh;
     max-width: 20vw;
+    cursor: pointer;
+    border-radius: 5vh !important;
 }
 
 /* icon images */
@@ -411,7 +413,7 @@ img.header-logo {
     width: 100%;
 }
 
-button, .btn-submit, input[type="submit"] {
+button, .button-submit, input[type="submit"] {
     font-size: 20px;
     font-weight: bold;
     border: 4px solid;
@@ -457,7 +459,7 @@ button, .btn-submit, input[type="submit"] {
 .overlay.expanded {
     display: block !important;
 }
-.overlay.collapsed {
+.collapsed {
     display: none !important;
 }
 
@@ -508,4 +510,13 @@ ul {
 li {
     text-align: left;
     font-size: 18px;
+}
+
+
+.dirty {
+    /* color: var(--c_purple_dark); */
+    border-color: var(--c_purple_dark);
+}
+td.dirty {
+    background-color: var(--c_purple_dark);
 }

static/css/store_product_permutation.css

@@ -3,6 +3,8 @@ th, td {
     min-width: fit-content;
 }
 
+
+
 .category {
     width: 20%;
 }
@@ -30,5 +32,5 @@ th, td {
 }
 
 textarea, select, input {
-    width: 100%;
-}
+    width: 100% !important;
+}

static/css/store_shared.css

@@ -12,19 +12,19 @@
     justify-self: left;
 }
 
-.btnAdd2Basket {
+.buttonAdd2Basket {
     background-color: var(--c_blue_pastel);
     color: var(--c_blue_dark);
     border-color: var(--c_blue_dark);
 }
 
-#btnCheckout, .btnBuyNow {
+#buttonCheckout, .buttonBuyNow {
     background-color: var(--c_purple_pastel);
     color: var(--c_purple_dark);
     border-color: var(--c_purple_dark);
 }
 
-.btn-increment, .btn-decrement {
+.button-increment, .button-decrement {
     border: 2px solid darkgrey;
     background-color: lightgray;
     margin: 1vh 1vh;

static/css/store_stock_item.css

@@ -0,0 +1,39 @@
+
+th, td {
+    min-width: fit-content;
+}
+
+
+
+.category {
+    width: 12%;
+}
+.product {
+    width: 12%;
+}
+.variations {
+    width: 12%;
+}
+.currency {
+    width: 12%;
+}
+.cost-local-VAT-incl {
+    width: 10%;
+}
+.date-puchased, .date-received, .date-unsealed, .date-expiration, .date-consumed {
+    width: 6%;
+}
+.storage-location {
+    width: 12%;
+}
+.active {
+    width: 5%;
+}
+
+.row-new {
+    visibility: hidden;
+}
+
+textarea, select, input {
+    width: 100% !important;
+}