feat: make simple toast handle multi line content better

Author: johannesjo

app-src/scripts/main/global-services/simple-toast-s.js

@@ -63,11 +63,10 @@
         $mdToast.show({
           template: `
 <md-toast>
-<div class="md-toast-content">
-<div><ng-md-icon icon="${icon}" ${iconColor && 'style="fill:' + iconColor + '"'}></ng-md-icon>
-${textContent} 
-</div>
-</div>          
+  <div class="md-toast-content">
+    <ng-md-icon icon="${icon}" ${iconColor && 'style="fill:' + iconColor + '"'}></ng-md-icon> 
+    <div class="toast-text">${textContent}</div>
+  </div>          
 </md-toast>
           `,
           hideDelay: hideDelay || DEFAULT_HIDE_DELAY

app-src/styles/components/_additions-for-toasts.scss

@@ -0,0 +1,7 @@
+.md-toast-content{
+  display: flex;
+  flex-direction: row;
+  ng-md-icon:first-child{
+    margin-right: 10px;
+  }
+}

app-src/styles/main.scss

@@ -75,6 +75,8 @@ IMPORTANT NOTE:
 
 @import 'components/_additions-for-ng-sortable.scss';
 
+@import 'components/_additions-for-toasts.scss';
+
 @import 'components/_fix-md-toast.scss';
 
 @import 'components/_resytle-autocomplete.scss';