style: reverted width changes

Signed-off-by: Pedro Lamas <pedrolamas@gmail.com>

Author: pedrolamas

src/components/widgets/afc/AfcCardButtons.vue

@@ -27,7 +27,7 @@
         >
           <template #activator="{ on, attrs }">
             <v-btn
-              class="flex"
+              class="fill-width"
               :disabled="(command.disabledWhilePrinting && printerPrinting) || !klippyReady"
               small
               v-bind="attrs"
@@ -62,7 +62,7 @@
               v-bind="attrs"
               :macro="macro.macro"
               small
-              class="flex"
+              class="fill-width"
               v-on="on"
               @click="sendGcode($event)"
             >
@@ -76,7 +76,7 @@
       </v-list-item>
       <v-list-item>
         <v-btn
-          class="flex"
+          class="fill-width"
           small
           @click="showAfcSettings = true"
         >
@@ -95,7 +95,7 @@
       </v-list-item>
       <v-list-item>
         <v-btn
-          class="flex"
+          class="fill-width"
           small
           @click="downloadDebugJson"
         >

src/components/widgets/afc/AfcCardUnitLaneActions.vue

@@ -1,7 +1,7 @@
 <template>
   <v-row>
     <v-col class="px-6 pt-3 pb-6 d-flex flex-row justify-space-between">
-      <v-item-group class="_btn-group d-flex flex-nowrap py-0">
+      <v-item-group class="_btn-group d-flex flex-nowrap fill-width py-0">
         <v-tooltip
           v-if="toolLoaded"
           top
@@ -117,7 +117,6 @@ export default class AfcCardUnitLaneActions extends Mixins(StateMixin, AfcMixin,
 <style scoped>
 ._btn-group {
   border-radius: 4px;
-  width: 100%;
 
   .v-btn {
     border-radius: 0;

src/components/widgets/afc/AfcCardUnitLaneEmpty.vue

@@ -18,7 +18,7 @@
             <v-btn
               dense
               small
-              class="flex elevation-0"
+              class="fill-width elevation-0"
               v-bind="attrs"
               v-on="on"
               @click="ejectLane"

src/components/widgets/afc/AfcCardUnitLaneHeader.vue

@@ -4,7 +4,7 @@
       <v-btn
         dense
         small
-        class="flex elevation-0"
+        class="fill-width elevation-0"
         @click="showDialog = true"
       >
         {{ name }} > {{ mappedTool }}

src/scss/misc.scss

@@ -87,3 +87,7 @@ textarea.clipboard-copy {
   z-index: 100000;
   opacity: 0;
 }
+
+.fill-width {
+    width: 100% !important;
+}