fix: fix long M117 outputs in the status panel (#1800)

mainsail-crew · Mar 7, 2024 · 0c6de24 · 0c6de24
1 parent 5c6556c
commit 0c6de24
Showing 1 changed file with 8 additions and 6 deletions.
diff --git a/src/components/panels/StatusPanel.vue b/src/components/panels/StatusPanel.vue
@@ -59,8 +59,10 @@
                 <v-container>
                     <v-row>
                         <v-col class="py-2">
-                            <span class="subtitle-2 d-block px-0 text--disabled">
-                                <v-icon class="mr-2" color="warning" small>{{ mdiAlertOutline }}</v-icon>
+                            <span class="subtitle-2 px-0 text--disabled">
+                                <v-icon class="mr-2 mt-1 float-left" color="warning" small>
+                                    {{ mdiAlertOutline }}
+                                </v-icon>
                                 {{ print_stats_message }}
                             </span>
                         </v-col>
@@ -70,10 +72,10 @@
             </template>
             <template v-if="display_message">
                 <v-container>
-                    <v-row>
-                        <v-col class="py-2">
-                            <span class="subtitle-2 d-block px-0 text--disabled">
-                                <v-icon class="mr-2" small>{{ mdiMessageProcessingOutline }}</v-icon>
+                    <v-row class="flex-nowrap">
+                        <v-col class="py-2" style="min-width: 0">
+                            <span class="subtitle-2 px-0 text--disabled">
+                                <v-icon class="mr-2 mt-1 float-left" small>{{ mdiMessageProcessingOutline }}</v-icon>
                                 {{ display_message }}
                             </span>
                         </v-col>