fix: ensure klippy card gracefully displays on mobile layout

fluidd-core · Jan 23, 2021 · e2e1f4c · e2e1f4c
1 parent a34d149
commit e2e1f4c
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/cards/KlippyCard.vue b/src/components/cards/KlippyCard.vue
@@ -5,14 +5,14 @@
     icon="$alert">
     <v-card-text>
       <v-row>
-        <v-col cols="4">
+        <v-col cols="12" sm="4">
           <v-btn block color="warning" @click="serviceRestartKlippy" class="me-2 mb-2">Restart Klipper</v-btn>
           <v-btn block color="warning" @click="serviceFirmwareRestartKlippy" class="me-2 mb-2">Firmware Restart</v-btn>
           <v-btn block color="warning" @click="serviceRestartMoonraker" class="me-2 mb-2">Restart Moonraker</v-btn>
           <v-btn block color="secondary" @click="getKlippyLog()" class="me-2 mb-2"><v-icon left small>$download</v-icon>Klippy.log</v-btn>
           <v-btn block color="secondary" @click="getMoonrakerLog()" class="me-2 mb-2"><v-icon left small>$download</v-icon>Moonraker.log</v-btn>
         </v-col>
-        <v-col cols="8">
+        <v-col cols="12" sm="4">
           <v-alert text dense type="error" v-if="klippyStateMessage !== 'Printer is ready'">
             <span v-html=klippyStateMessage></span>
           </v-alert>