From 6571b6a0c8d73ad2cc6be0e086ecb4477d45c8ff Mon Sep 17 00:00:00 2001
From: Alexandre Aubin <alex.aubin@mailoo.org>
Date: Wed, 20 Oct 2021 19:14:29 +0200
Subject: [PATCH] Improve/fix display of icons in markdown alert boxes in
 config panels

---
 app/src/components/globals/formItems/ReadOnlyAlertItem.vue | 7 ++-----
 1 file changed, 2 insertions(+), 5 deletions(-)

diff --git a/app/src/components/globals/formItems/ReadOnlyAlertItem.vue b/app/src/components/globals/formItems/ReadOnlyAlertItem.vue
index 2d7ffa42..9f65713b 100644
--- a/app/src/components/globals/formItems/ReadOnlyAlertItem.vue
+++ b/app/src/components/globals/formItems/ReadOnlyAlertItem.vue
@@ -1,6 +1,6 @@
 <template>
-  <b-alert :variant="type" show>
-    <icon :iname="icon_" />
+  <b-alert class="d-flex" :variant="type" show>
+    <icon :iname="icon_" class="mr-1 mt-1" />
     <vue-showdown :markdown="label" flavor="github"
                   tag="span" class="markdown"
     />
@@ -33,9 +33,6 @@ export default {
 </script>
 
 <style lang="scss">
-.icon + span.markdown > *:first-child {
-  display: inline-block;
-}
 .alert p:last-child {
   margin-bottom: 0;
 }