Fixed tabbar hiding bug, and flex-shrinking messages bug.

src/webview/index.html

@@ -149,7 +149,7 @@
     </div>
 
     <!-- Events and notifications -->
-    <div class="tab row page is-hidden list" id="tab_events">
+    <div class="tab row page is-hidden list" id="tab_events" style="margin-bottom: 10pt;">
         <!-- Events are getting here -->
     </div>
 

src/webview/scripts.js

@@ -406,7 +406,8 @@ function addEvent(type, time, message) {
         t = "is-success";
     }
 
-    var buf = "<article class=\"message mb-1 {1}\"><div class=\"message-body px-2 py-1\"><strong>{2}</strong>&nbsp;&nbsp;{3}</div></article>".replace("{1}", t).replace("{2}", time).replace("{3}", message);
+    var html = "<article class=\"message mb-1 {type}\"><div class=\"message-body px-2 py-1\">{time}&nbsp;&nbsp;<strong>{text}</strong></div></article>";
+    var buf = html.replace("{type}", t).replace("{time}", time).replace("{text}", message);
     var tab_events = document.getElementById("tab_events");
     tab_events.innerHTML = tab_events.innerHTML + buf;
 }

src/webview/styles.css

@@ -46,6 +46,10 @@ body {
   margin: 10pt;
 }
 
+.message {
+  min-height: 2rem;
+}
+
 .notification {
   position: absolute;
   z-index: 100;