fix: spacing & word wrap of alerts (#1841)

* fix: add .break-words to add line breaks middle of the message if needed

* fix: add space between the message and the close button

* chore: move css class

src/renderer/components/AlertMessage/AlertMessage.vue

@@ -5,11 +5,10 @@
   >
     <div class="text-left message font-bold">
       <ButtonClose
-        class="dismiss float-right p-10px cursor-pointer select-none"
         icon-class="text-white"
         @click="showNext"
       />
-      <span class="mr-4">
+      <span class="break-words">
         {{ alert ? alert.message : '&nbsp;' }}
       </span>
     </div>
@@ -94,4 +93,7 @@ export default {
   @apply bg-theme-warn text-theme-warn-text;
   box-shadow: 0px 0px 15px var(--theme-warn-shadow);
 }
+.AlertMessage .ButtonClose {
+  @apply float-right cursor-pointer select-none ml-4;
+}
 </style>