fix(ui): task view spaces

Author: fiftin

web/src/App.vue

@@ -61,6 +61,7 @@
       :expandable="true"
       name="TaskLogDialog"
       @close="onTaskLogDialogClosed()"
+      no-body-paddings
     >
       <template v-slot:title={}>
         <div class="text-truncate" style="max-width: calc(100% - 36px);">

web/src/components/EditDialog.vue

@@ -40,7 +40,13 @@ Can use used in tandem with ItemFormBase.js. See KeyForm.vue for example.
         </v-btn>
       </v-card-title>
 
-      <v-card-text :class="{'pb-0': !hideButtons}" :style="{minHeight: minContentHeight + 'px'}">
+      <v-card-text
+        :class="{
+          'pb-0': !hideButtons,
+          'pa-0': noBodyPaddings,
+        }"
+        :style="{minHeight: minContentHeight + 'px'}"
+      >
         <slot
           name="form"
           :onSave="onSave"
@@ -105,6 +111,7 @@ export default {
       default: 'Unnamed',
     },
     helpButton: Boolean,
+    noBodyPaddings: Boolean,
   },
 
   data() {

web/src/components/TaskLogView.vue

@@ -4,7 +4,7 @@
     :class="{'task-log-view--with-message': item.message || item.commit_message}"
   >
 
-    <div class="overflow-auto text-no-wrap">
+    <div class="overflow-auto text-no-wrap px-5">
       <v-alert
         dense
         class="d-inline-block mb-2 mr-2"
@@ -26,7 +26,7 @@
       </v-alert>
     </div>
 
-    <v-container fluid class="pa-0 mb-2 overflow-auto">
+    <v-container fluid class="py-0 px-5 mb-2 overflow-auto">
       <v-row no-gutters class="flex-nowrap">
         <v-col>
           <v-list two-line subheader class="pa-0">
@@ -138,7 +138,7 @@ $task-log-message-height: 48px;
   height: calc(100vh - 280px);
   overflow: auto;
   font-family: monospace;
-  margin: 0 -24px;
+  margin: 0;
   padding: 5px 10px 50px;
 }