style: button margin adjustments

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>
fluidd-core · Feb 27, 2023 · 0126c53 · 0126c53
1 parent 80ed296
commit 0126c53
Show file tree

Hide file tree

Showing 15 changed files with 35 additions and 33 deletions.
diff --git a/src/components/ui/AppBtnCollapseGroup.vue b/src/components/ui/AppBtnCollapseGroup.vue
@@ -25,7 +25,7 @@
         text
         color=""
         v-bind="attrs"
-        class="ml-1"
+        class="ms-1 my-1"
         v-on="on"
       >
         <v-icon>{{ menuIcon }}</v-icon>

diff --git a/src/components/widgets/bedmesh/BedMeshControls.vue b/src/components/widgets/bedmesh/BedMeshControls.vue
@@ -10,7 +10,7 @@
           v-if="isManualProbeActive"
           :disabled="!klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="manualProbeDialogOpen = true"
         >
           {{ $t('app.tool.tooltip.manual_probe') }}

diff --git a/src/components/widgets/camera/CameraMenu.vue b/src/components/widgets/camera/CameraMenu.vue
@@ -10,6 +10,7 @@
       <app-btn
         v-bind="attrs"
         small
+        class="ms-1 my-1"
         v-on="on"
       >
         <v-icon

diff --git a/src/components/widgets/console/ConsoleCard.vue b/src/components/widgets/console/ConsoleCard.vue
@@ -30,7 +30,7 @@
         fab
         x-small
         text
-        class="ml-1"
+        class="ms-1 my-1"
         @click="consoleElement.scrollToLatest(true)"
       >
         <v-icon>{{ flipLayout ? '$up' : '$down' }}</v-icon>
@@ -42,7 +42,7 @@
         fab
         x-small
         text
-        class="ml-1"
+        class="ms-1 my-1"
         @click="$filters.routeTo($router, '/console')"
       >
         <v-icon>$fullScreen</v-icon>
@@ -53,7 +53,7 @@
         fab
         x-small
         text
-        class="ml-1"
+        class="ms-1 my-1"
         @click="handleClear"
       >
         <v-icon>$delete</v-icon>

diff --git a/src/components/widgets/endstops/EndStopsCard.vue b/src/components/widgets/endstops/EndStopsCard.vue
@@ -11,7 +11,7 @@
         fab
         x-small
         text
-        class="ml-1"
+        class="ms-1 my-1"
         @click="queryEndstops"
       >
         <v-icon>$refresh</v-icon>

diff --git a/src/components/widgets/gcode-preview/GcodePreviewCard.vue b/src/components/widgets/gcode-preview/GcodePreviewCard.vue
@@ -11,7 +11,7 @@
         <app-btn
           :disabled="!printerFile || printerFileLoaded"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="loadCurrent"
         >
           {{ $t('app.gcode.btn.load_current_file') }}
@@ -23,7 +23,7 @@
           fab
           x-small
           text
-          class="ml-1"
+          class="ms-1 my-1"
           @click="$filters.routeTo($router, '/preview')"
         >
           <v-icon>$fullScreen</v-icon>

diff --git a/src/components/widgets/history/JobHistory.vue b/src/components/widgets/history/JobHistory.vue
@@ -13,7 +13,7 @@
 
       <div
         style="max-width: 160px;"
-        class="ml-1"
+        class="ms-1 my-1"
       >
         <v-text-field
           v-model="search"

diff --git a/src/components/widgets/history/PrintHistoryCard.vue b/src/components/widgets/history/PrintHistoryCard.vue
@@ -9,7 +9,7 @@
       <app-btn-collapse-group :collapsed="menuCollapsed">
         <app-btn
           small
-          class="ma-1"
+          class="ms-1 my-1"
           @click="handleLoadAll"
         >
           <v-icon
@@ -22,7 +22,7 @@
         </app-btn>
         <app-btn
           small
-          class="ma-1"
+          class="ms-1 my-1"
           @click="handleRemoveAll"
         >
           <v-icon

diff --git a/src/components/widgets/job-queue/JobQueueCard.vue b/src/components/widgets/job-queue/JobQueueCard.vue
@@ -11,7 +11,7 @@
         <app-btn
           v-if="['ready','loading','starting'].includes(queueStatus)"
           small
-          class="ma-1"
+          class="ms-1 my-1"
           @click="handlePause"
         >
           <v-icon
@@ -25,7 +25,7 @@
         <app-btn
           v-else-if="queueStatus === 'paused'"
           small
-          class="ma-1"
+          class="ms-1 my-1"
           @click="handleResume"
         >
           <v-icon
@@ -44,6 +44,7 @@
         fab
         x-small
         text
+        class="ms-1 my-1"
         @click="$filters.routeTo($router, '/jobs')"
       >
         <v-icon>$fullScreen</v-icon>

diff --git a/src/components/widgets/stats/PrinterStatsCard.vue b/src/components/widgets/stats/PrinterStatsCard.vue
@@ -7,7 +7,7 @@
       <app-btn-collapse-group :collapsed="menuCollapsed">
         <app-btn
           small
-          class="ma-1"
+          class="ms-1 my-1"
           @click="handleResetStats"
         >
           <v-icon

diff --git a/src/components/widgets/status/StatusControls.vue b/src/components/widgets/status/StatusControls.vue
@@ -6,7 +6,7 @@
         :loading="hasWait($waits.onPrintCancel)"
         :disabled="hasWait([$waits.onPrintCancel, $waits.onPrintResume, $waits.onPrintPause])"
         small
-        class="ma-1"
+        class="ms-1 my-1"
         @click="cancelPrint()"
       >
         <v-icon
@@ -23,7 +23,7 @@
         :loading="hasWait($waits.onPrintPause)"
         :disabled="printerPaused || hasWait([$waits.onPrintCancel, $waits.onPrintResume, $waits.onPrintPause])"
         small
-        class="ma-1"
+        class="ms-1 my-1"
         @click="pausePrint()"
       >
         <v-icon
@@ -40,7 +40,7 @@
         :loading="hasWait($waits.onPrintResume)"
         :disabled="printerPrinting || hasWait([$waits.onPrintCancel, $waits.onPrintResume, $waits.onPrintPause])"
         small
-        class="ma-1"
+        class="ms-1 my-1"
         @click="resumePrint()"
       >
         <v-icon
@@ -55,7 +55,7 @@
       <app-btn
         v-if="!printerPrinting && !printerPaused && filename"
         small
-        class="ma-1"
+        class="ms-1 my-1"
         @click="resetFile()"
       >
         <v-icon
@@ -70,7 +70,7 @@
       <app-btn
         v-if="!supportsHistoryComponent && !printerPrinting && !printerPaused && filename"
         small
-        class="ma-1"
+        class="ms-1 my-1"
         @click="$emit('print', filename)"
       >
         <v-icon
@@ -95,7 +95,7 @@
           fab
           x-small
           text
-          class="ml-1"
+          class="ms-1 my-1"
           v-on="on"
           @click="showExcludeObjectDialog = true"
         >

diff --git a/src/components/widgets/system/McuCard.vue b/src/components/widgets/system/McuCard.vue
@@ -9,7 +9,7 @@
         fab
         x-small
         text
-        class="ml-1"
+        class="ms-1 my-1"
         @click="showMcuConstantsDialog"
       >
         <v-icon>$viewHeadline</v-icon>

diff --git a/src/components/widgets/thermals/TemperatureCard.vue b/src/components/widgets/thermals/TemperatureCard.vue
@@ -23,7 +23,7 @@
         <app-btn
           small
           :disabled="!klippyReady"
-          class="ml-1"
+          class="ms-1 my-1"
           @click="chartVisible = !chartVisible"
         >
           <v-icon left>
@@ -47,21 +47,21 @@
           :label="$t('app.setting.label.show_rate_of_change')"
           color="primary"
           hide-details
-          class="mx-2 mt-2 mb-2"
+          class="mx-2 my-2"
         />
         <v-checkbox
           v-model="showRelativeHumidity"
           :label="$t('app.setting.label.show_relative_humidity')"
           color="primary"
           hide-details
-          class="mx-2 mt-2 mb-2"
+          class="mx-2 my-2"
         />
         <v-checkbox
           v-model="showBarometricPressure"
           :label="$t('app.setting.label.show_barometric_pressure')"
           color="primary"
           hide-details
-          class="mx-2 mt-2 mb-2"
+          class="mx-2 my-2"
         />
       </app-btn-collapse-group>
     </template>

diff --git a/src/components/widgets/thermals/TemperaturePresetsMenu.vue b/src/components/widgets/thermals/TemperaturePresetsMenu.vue
@@ -11,7 +11,7 @@
         :disabled="!klippyReady"
         v-bind="attrs"
         small
-        class="ml-1"
+        class="ms-1 my-1"
         v-on="on"
       >
         <v-icon

diff --git a/src/components/widgets/toolhead/ToolheadCard.vue b/src/components/widgets/toolhead/ToolheadCard.vue
@@ -34,7 +34,7 @@
           v-if="isManualProbeActive"
           :disabled="!klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="manualProbeDialogOpen = true"
         >
           {{ $t('app.tool.tooltip.manual_probe') }}
@@ -43,7 +43,7 @@
           v-if="printerSupportsForceMove"
           :disabled="!klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           :color="forceMove ? 'error' : undefined"
           @click="toggleForceMove"
         >
@@ -52,7 +52,7 @@
         <app-btn
           :disabled="!klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="sendGcode('M84')"
         >
           {{ $t('app.tool.tooltip.motors_off') }}
@@ -62,7 +62,7 @@
           :loading="hasWait($waits.onBedScrewsAdjust)"
           :disabled="!allHomed || !klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="bedScrewsAdjust"
         >
           {{ $t('app.tool.tooltip.bed_screws_adjust') }}
@@ -72,7 +72,7 @@
           :loading="hasWait($waits.onBedScrewsCalculate)"
           :disabled="!allHomed || !klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="sendGcode('SCREWS_TILT_CALCULATE', $waits.onBedScrewsCalculate)"
         >
           {{ $t('app.tool.tooltip.screws_tilt_calculate') }}
@@ -82,7 +82,7 @@
           :loading="hasWait($waits.onZTilt)"
           :disabled="!klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="sendGcode('Z_TILT_ADJUST', $waits.onZTilt)"
         >
           {{ $t('app.tool.tooltip.z_tilt_adjust') }}
@@ -92,7 +92,7 @@
           :loading="hasWait($waits.onQGL)"
           :disabled="!klippyReady || printerPrinting"
           small
-          class="ml-1"
+          class="ms-1 my-1"
           @click="sendGcode('QUAD_GANTRY_LEVEL', $waits.onQGL)"
         >
           {{ $t('app.tool.tooltip.quad_gantry_level') }}