More spacing and nicer dark mode colours

webapp/src/components/labThingsComponents/actionButton.vue

@@ -19,7 +19,7 @@
       <button
         type="button"
         :hidden="taskStarted"
-        class="uk-button uk-margin-remove uk-width-1-1"
+        class="uk-button uk-width-1-1"
         :class="[buttonPrimary ? 'uk-button-primary' : 'uk-button-default']"
         @click="bootstrapTask()"
       >

webapp/src/components/tabContentComponents/scanListContent.vue

@@ -14,6 +14,7 @@
           <div>
             <button
               class="uk-button uk-button-default uk-width-1-1"
+              style="margin-top:5px;margin-bottom: 2px"
               type="button"
               @click="deleteAllScans()"
             >
@@ -23,6 +24,7 @@
           <div>
             <button
               class="uk-button uk-button-default uk-width-1-1"
+              style="margin-top:5px;margin-bottom: 2px"
               type="button"
               @click="updateScans()"
             >
@@ -55,7 +57,7 @@
                 @response="downloadZipFile"
                 @error="modalError"
               />
-              <button class="uk-button" @click="deleteScan(item.name)">
+              <button class="uk-button uk-button-default uk-width-1-1" @click="deleteScan(item.name)">
                 Delete
               </button>
               <action-button

webapp/src/components/tabContentComponents/slideScanContent.vue

@@ -5,7 +5,7 @@
   <!-- Grid managing tab content -->
   <div v-else uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
     <div class="control-component uk-padding-small">
-      <div v-show="!scanning">
+      <div v-show="!scanning" class="uk-padding-small">
         <ul uk-accordion="multiple: true">
           <li>
             <a class="uk-accordion-title" href="#">Configure</a>