1. Refactoring form objects and database objects to use inheritance and abstract base class for consistency and reduced redundancy.\n2. Contact us page button links updated to resolve error of missing link causing page refresh instead of expected functionality.

static/css/pages/core/home.css

@@ -0,0 +1,25 @@
+
+.page-body > * {
+    height: 100%;
+}
+#pageBody > * :first-child{
+    margin-top: 25vh;
+}
+#pageBody > * :last-child {
+    margin-bottom: 35vh;
+}
+
+.img-demo {
+    max-width: 50%;
+    min-width: 500px;
+}
+
+.img-featured {
+    width: 100%;
+}
+
+/*
+img {
+  background-image: url("/static/images/Tag_Molly1.png");
+}
+*/

static/css/pages/store/product_categories.css

@@ -1,7 +1,7 @@
 
 
 td.display-order, th.display-order {
-    width: 10% !important;
+    width: 8% !important;
 }
 td.code, th.code {
     width: 15% !important;
@@ -10,10 +10,13 @@ td.name, th.name {
     width: 25% !important;
 }
 td.description, th.description {
-    width: 40% !important;
+    width: 35% !important;
+}
+td.access_level, th.access_level {
+    width: 10% !important;
 }
 td.active, th.active {
-    width: 10% !important;
+    width: 7% !important;
 }
 
 /*

static/css/store_shared.css

@@ -0,0 +1,52 @@
+.img-product {
+    max-width: 20vh;
+    max-height: 20vh;
+    border-radius: 3vh;
+    justify-self: left;
+}
+
+.img-thumbnail {
+    max-width: 10vh;
+    max-height: 10vh;
+    border-radius: 3vh;
+    justify-self: left;
+}
+
+.buttonAdd2Basket {
+    background-color: var(--c_blue_pastel);
+    color: var(--c_blue_dark);
+    border-color: var(--c_blue_dark);
+}
+
+#buttonCheckout, .buttonBuyNow {
+    background-color: var(--c_purple_pastel);
+    color: var(--c_purple_dark);
+    border-color: var(--c_purple_dark);
+}
+
+.button-increment, .button-decrement {
+    border: 2px solid darkgrey;
+    background-color: lightgray;
+    margin: 1vh 1vh;
+    width: 2.5vh;
+    height: 2.5vh;
+    border-radius: 1.25vh;
+    font-size: 2vh;
+}
+
+.container-input > input {
+    padding: 0vh 1vh;
+    border-radius: 0.5vh;
+    max-width: 7vh;
+}
+
+#basket {
+    max-width: 100%;
+}
+
+
+
+/* Right column */
+.rightcolumn {
+    min-width: fit-content;
+}

static/css/stylesheet.css

@@ -0,0 +1,86 @@
+* {
+    box-sizing: border-box;
+}
+
+body {
+    padding: 10px;
+    display: block;
+    background-color: grey;
+}
+
+.banner {
+    background-color: black;
+    color: white;
+    width: 100%;
+    position: fixed;
+    padding-top: 5vh;
+    padding-bottom: 10vh;
+}
+
+.banner.top {
+    background-color: black;
+    color: white;
+}
+
+.banner.bottom {
+    background-color: black;
+    color: white;
+    bottom: 0;
+}
+
+.row:after {
+    content: "";
+    display: table;
+    clear: both;
+}
+
+.column {
+    float: left;
+    padding: 5vw;
+}
+
+.column.side {
+    width: 25%;
+}
+
+.column.middle {
+    width: 50%;
+}
+
+.midbod {
+    background-color: white;
+    color: black;
+}
+
+.panel {
+    float: left;
+}
+
+img {
+    height: 100px;
+    width: 100px;
+}
+
+.panel.labelcontainer {
+    background-color: black;
+    color: white;
+    text-align: center;
+}
+
+.label {
+    font-family: Arial, Helvetica, sans-serif;
+    text-decoration: none;
+}
+
+.label.bodytext {
+    background-color: black;
+    color: white;
+    text-decoration: none;
+    font-style: normal;
+    font-size: 12;
+}
+
+.label.title {
+    font-style: bold;
+    font-size: 18;
+}

static/css/themes/dark.css

@@ -27,10 +27,10 @@
     --nav-hover-text: #bb86fc;
     
     /* Buttons */
-    --btn-primary-bg: #bb86fc;
-    --btn-primary-text: #121212;
-    --btn-secondary-bg: #03dac6;
-    --btn-secondary-text: #121212;
+    --Button-primary-bg: #bb86fc;
+    --Button-primary-text: #121212;
+    --Button-secondary-bg: #03dac6;
+    --Button-secondary-text: #121212;
     
     /* Forms */
     --input-bg: #2c2c2c;

static/css/themes/light.css

@@ -27,10 +27,10 @@
     --nav-hover-text: #007bff;
     
     /* Buttons */
-    --btn-primary-bg: #007bff;
-    --btn-primary-text: #ffffff;
-    --btn-secondary-bg: #6c757d;
-    --btn-secondary-text: #ffffff;
+    --Button-primary-bg: #007bff;
+    --Button-primary-text: #ffffff;
+    --Button-secondary-bg: #6c757d;
+    --Button-secondary-text: #ffffff;
     
     /* Forms */
     --input-bg: #ffffff;