From 0f47a452db465ff622fd1da14ef3676f08e47779 Mon Sep 17 00:00:00 2001
From: Stefan Dej <meteyou@gmail.com>
Date: Mon, 12 Apr 2021 22:26:06 +0200
Subject: [PATCH] fix alignment of m117 message and printing filename

Signed-off-by: Stefan Dej <meteyou@gmail.com>
---
 src/components/panels/StatusPanel.vue | 13 ++++++-------
 1 file changed, 6 insertions(+), 7 deletions(-)

diff --git a/src/components/panels/StatusPanel.vue b/src/components/panels/StatusPanel.vue
index f847e0ef..13f6c304 100644
--- a/src/components/panels/StatusPanel.vue
+++ b/src/components/panels/StatusPanel.vue
@@ -62,8 +62,8 @@
             <template v-if="display_message || print_stats_message">
                 <v-container>
                     <v-row>
-                        <v-col class="pr-0 py-2">
-                            <v-icon class="mr-2 mt-1 float-left" small>mdi-message-processing-outline</v-icon><h3 class="font-weight-regular">{{ print_stats_message ? print_stats_message : display_message }}</h3>
+                        <v-col class="py-2">
+                            <span class="subtitle-2 d-block px-0 text--disabled"><v-icon class="mr-2" small>mdi-message-processing-outline</v-icon>{{ print_stats_message ? print_stats_message : display_message }}</span>
                         </v-col>
                     </v-row>
                 </v-container>
@@ -72,7 +72,10 @@
             <template v-if="current_filename ">
                 <v-container>
                     <v-row>
-                        <v-col class="pa-2 pr-0 col-auto" v-if="thumbnailSmall">
+                        <v-col :class="thumbnailSmall ? 'py-3' : 'py-2'" :style="(thumbnailSmall ? 'width: calc(100% - 40px);' : '')">
+                            <span class="subtitle-2 text-truncate d-block px-0 text--disabled"><v-icon small class="mr-2">mdi-file-outline</v-icon>{{ current_filename }}</span>
+                        </v-col>
+                        <v-col class="pa-2 pl-0 col-auto" v-if="thumbnailSmall">
                             <template v-if="thumbnailSmall && thumbnailBig">
                                 <v-tooltip top>
                                     <template v-slot:activator="{ on, attrs }">
@@ -93,10 +96,6 @@
                                 </vue-load-image>
                             </template>
                         </v-col>
-
-                        <v-col :class="thumbnailSmall ? 'py-3' : 'py-2'" :style="(thumbnailSmall ? 'width: calc(100% - 40px);' : '')">
-                            <span class="subtitle-2 text-truncate d-block px-0 text--disabled"><v-icon small class="mr-1">mdi-file-outline</v-icon>{{ current_filename }}</span>
-                        </v-col>
                     </v-row>
                 </v-container>
                 <v-divider class="mt-0 mb-0" ></v-divider>