Fix(UI): UI bug fixes.

static/css/layouts/table-main.css

@@ -55,13 +55,21 @@
 }
 #tableMain tbody tr td {
     height: 5vh;
-    padding-top: 0.5vh;
+    /* padding-top: 0.5vh; */
 }
 #tableMain tbody tr td:has(.dirty) {
     background-color: var(--colour-primary);
 }
 #tableMain tbody tr:not(:last-of-type) td {
-    padding-bottom: 0.5vh;
+    padding-bottom: 0.25vh;
+}
+#tableMain tbody tr td.ddl-preview div,
+#tableMain tbody tr td.ddl-preview select {
+    padding-left: 2vh;
+    padding-right: 2vh;
+}
+#tableMain tbody tr td.ddl-preview select {
+    font-size: 12px;
 }
 #tableMain thead tr th.active, 
 #tableMain tbody tr td.active {

static/css/pages/dog/command_categories.css

@@ -1,10 +1,13 @@
 
-/*
-#formFilters .container {
-    max-width: fit-content;
+#formFilters #search {
+    width: 20vh;
+    min-width: 20vh;
 }
-*/
 
+#tableMain thead tr th,
+#tableMain tbody tr td {
+    height: 3vh;
+}
 #tableMain tbody tr td.name .name {
     border: 1px solid var(--colour-accent);
     /*
@@ -22,11 +25,12 @@
     box-sizing: border-box;
     */
 }
-
+/*
 #tableMain thead tr th.code,
 #tableMain tbody tr td.code,
+*/
 #tableMain thead tr th.name ,
 #tableMain tbody tr td.name {
-    width: 35vh;
-    min-width: 35vh;
+    width: 50vh;
+    min-width: 50vh;
 }

static/css/pages/dog/commands.css

@@ -3,4 +3,9 @@
 #formFilters .container {
     max-width: fit-content;
 }
-*/
+*/
+#tableMain thead tr th.can-have-button, 
+#tableMain tbody tr td.can-have-button {
+    width: 6vh;
+    min-width: 6vh;
+}

static/js/pages/base_table.js

@@ -208,7 +208,12 @@ export default class TableBasePage extends BasePage {
         }
         let formElement = this.getFormFilters();
         let comment = DOM.getElementValueCurrent(document.querySelector(idTextareaConfirm));
+        /*
         Utils.consoleLogIfNotProductionEnvironment({ formElement, comment, records });
+        Utils.consoleLogIfNotProductionEnvironment('records');
+        Utils.consoleLogIfNotProductionEnvironment(records);
+        debugger;
+        */
         this.callSaveTableContent(records, formElement, comment)
             .then(data => {
                 if (data[flagStatus] == flagSuccess) {

static/js/pages/dog/command_categories.js

@@ -32,6 +32,7 @@ export default class PageDogCommandCategories extends TableBasePage {
         if (_verbose) { Utils.consoleLogIfNotProductionEnvironment("applying data row: ", rowJson); }
     }
     getJsonRow(row) {
+        Utils.consoleLogIfNotProductionEnvironment({ row });
         if (row == null) return;
         let inputCode = row.querySelector('td.' + flagCode + ' .' + flagCode);
         let inputName = row.querySelector('td.' + flagName + ' .' + flagName);
@@ -41,7 +42,7 @@ export default class PageDogCommandCategories extends TableBasePage {
         console.log("inputName");
         console.log(inputName);
         */
-        
+
         let jsonRow = {};
         jsonRow[attrIdCommandCategory] = row.getAttribute(attrIdCommandCategory);
         jsonRow[flagCode] = DOM.getElementAttributeValueCurrent(inputCode);

static/js/pages/dog/commands.js

@@ -37,12 +37,17 @@ export default class PageDogCommands extends TableBasePage {
     }
     getJsonRow(row) {
         if (row == null) return;
-        let inputName = row.querySelector('td.' + flagName + ' textarea');
-        let inputHandSignalDefaultDescription = row.querySelector('td.' + flagHandSignalDefaultDescription + ' textarea');
-        let inputCanHaveButton = row.querySelector('td.' + flagCanHaveButton + ' input');
-        let inputNotes = row.querySelector('td.' + flagNotes + ' textarea');
+        let inputName = row.querySelector('td.' + flagName + ' .' + flagName);
+        let inputHandSignalDefaultDescription = row.querySelector('td.' + flagHandSignalDefaultDescription + ' .' + flagHandSignalDefaultDescription);
+        let inputCanHaveButton = row.querySelector('td.' + flagCanHaveButton + ' .' + flagCanHaveButton);
+        let inputNotes = row.querySelector('td.' + flagNotes + ' .' + flagNotes);
         let buttonActive = row.querySelector('td.' + flagActive + ' .' + flagActive);
 
+        /*
+        Utils.consoleLogIfNotProductionEnvironment({ inputName, inputHandSignalDefaultDescription, inputCanHaveButton, inputNotes, buttonActive });
+        debugger;
+        */
+
         let jsonRow = {};
         jsonRow[attrIdCommand] = row.getAttribute(attrIdCommand);
         jsonRow[attrIdCommandCategory] = this.getIdCommandCategoryRow(row);