ui_migration lint(STYLE) Use --fix to solve 110 problems 3 left

webapp/src/components/tabContentComponents/actionTab.vue

@@ -218,6 +218,7 @@ export default {
 .control-component {
   width: 33%;
 }
+
 #log-display {
   height: 20em;
 }

webapp/src/components/tabContentComponents/controlComponents/positionControl.vue

@@ -176,22 +176,24 @@ export default {
 .input-and-buttons-container {
   display: flex;
   flex-flow: column wrap;
-  justify-content: flex-start;
-  align-content: stretch;
+  place-content: stretch flex-start;
   align-items: center;
   width: 100%;
 }
+
 .numeric-setting-line-input {
   flex-grow: 1;
-  margin: 5px 0px;
+  margin: 5px 0;
   width: 5em;
+
   /* Stop Firefox showing input spinners, other
   browsers set with block below */
-  -moz-appearance: textfield;
+  appearance: textfield;
 }
+
 /* Chrome, Safari, Edge, Opera */
 .numeric-setting-line-input::-webkit-outer-spin-button,
 .numeric-setting-line-input::-webkit-inner-spin-button {
-  -webkit-appearance: none;
+  appearance: none;
 }
 </style>

webapp/src/components/tabContentComponents/controlComponents/stageControlButtons.vue

@@ -177,14 +177,17 @@ export default {
   grid-column: 2;
   grid-row: 1;
 }
+
 .dpad-grid #left-button {
   grid-column: 1;
   grid-row: 2;
 }
+
 .dpad-grid #right-button {
   grid-column: 3;
   grid-row: 2;
 }
+
 .dpad-grid #down-button {
   grid-column: 2;
   grid-row: 3;
@@ -194,6 +197,7 @@ export default {
   grid-column: 1;
   grid-row: 5;
 }
+
 .both-controls #focus-in-button {
   grid-column: 3;
   grid-row: 5;
@@ -203,6 +207,7 @@ export default {
   grid-column: 1;
   grid-row: 1;
 }
+
 .focus-only #focus-in-button {
   grid-column: 3;
   grid-row: 1;

webapp/src/components/tabContentComponents/loggingContent.vue

@@ -241,12 +241,13 @@ export default {
 @error-bg-color: #fef4f6;
 
 .logging-navbar {
-  border-width: 0 0 1px 0;
+  border-width: 0 0 1px;
   border-style: solid;
   border-color: rgba(180, 180, 180, 0.25);
   margin-bottom: 30px;
   height: 80px;
 }
+
 .logging-entry {
   white-space: break-spaces;
   padding: 0;
@@ -313,9 +314,11 @@ export default {
   background: #888;
   border-radius: 6px;
 }
+
 .more-info-container {
   display: flex;
 }
+
 .more-info {
   color: inherit;
   text-decoration: underline;

webapp/src/components/tabContentComponents/powerContent.vue

@@ -80,7 +80,7 @@ export default {
 
 <style lang="less" scoped>
 // Custom UIkit CSS modifications
-@import "../../assets/less/variables.less";
+@import url("../../assets/less/variables.less");
 
 .container {
   display: flex;
@@ -109,6 +109,6 @@ export default {
 .shutdown-button {
   display: inline;
   text-align: center;
-  margin: 30px 30px 30px 30px;
+  margin: 30px;
 }
 </style>

webapp/src/components/tabContentComponents/scanListComponents/scanCard.vue

@@ -173,7 +173,7 @@ ul {
   display: block;
   text-align: center;
   list-style-type: none;
-  margin: 5px 0px 10px 0px;
+  margin: 5px 0 10px;
   padding: 0;
 }
 

webapp/src/components/tabContentComponents/scanListContent.vue

@@ -230,7 +230,7 @@ export default {
 
 <style lang="less" scoped>
 .gallery-navbar {
-  border-width: 0 0 1px 0;
+  border-width: 0 0 1px;
   border-style: solid;
   border-color: rgba(180, 180, 180, 0.25);
 }

webapp/src/components/tabContentComponents/settingsComponents/CSMSettings.vue

@@ -36,6 +36,7 @@ export default {
   margin-left: auto;
   margin-right: auto;
 }
+
 #mini-stream {
   min-width: 300px;
   max-width: 600px;

webapp/src/components/tabContentComponents/settingsContent.vue

@@ -159,11 +159,10 @@ export default {
 
 <style lang="less" scoped>
 // Custom UIkit CSS modifications
-@import "../../assets/less/variables.less";
+@import url("../../assets/less/variables.less");
 
 .settings-nav {
-  overflow-y: auto;
-  overflow-x: hidden;
+  overflow: hidden auto;
   width: 250px;
   padding: 10px;
   background-color: rgba(180, 180, 180, 0.03);