Feat(SQL, UI): 1. Dog Command Links page completed with get + set functionality. \n 2. Commands page and Command Categories page completed with get + set functionality.

static/css/layouts/header.css

@@ -115,6 +115,9 @@ header {
 #formFilters .container-input {
     padding: 0 0.5vh;
 }
+#formFilters .container-input:has(.dirty) {
+    background-color: var(--colour-accent);
+} 
 
 #formFilters .container-input input {
     width: 10vh;
@@ -152,6 +155,7 @@ header {
     width: 12vh;
 }
 
+/*
 #formFilters button {
     padding: 0.5vh 0.75vh;
     background-color: var(--colour-accent);
@@ -165,6 +169,7 @@ header {
     display: block;
     opacity: 0;
 }
+*/
 
 form.filter button.save, form.filter button.button-cancel {
     margin-top: 0;

static/css/layouts/table-main.css

@@ -4,7 +4,6 @@
     padding: 1vh;
     max-width: 95vw; /* min(calc(1vh * 80), calc(1vw * 90)); */
     width: min-content;
-    margin: 1vh auto;
     align-items: normal;
     justify-content: normal;
 }
@@ -39,10 +38,14 @@
 
 #tableMain select, 
 #tableMain input:not([type="checkbox"]), 
-#tableMain textarea, #tableMain div {
+#tableMain textarea, 
+#tableMain div {
     box-sizing: border-box;
     width: 100%;
     height: 100%;
+    border: 1px solid var(--colour-accent);
+    border-radius: 0.5vh;
+    text-align: center;
 }
 
 #tableMain thead tr th, #tableMain tbody tr td {