From 51633f3e2735d36d48fed3e6b2571691397c55cf Mon Sep 17 00:00:00 2001
From: Revertron <r@revertron.com>
Date: Tue, 20 Apr 2021 18:35:44 +0200
Subject: [PATCH] Fixed tabbar hiding bug, and flex-shrinking messages bug.

---
 src/webview/index.html | 2 +-
 src/webview/scripts.js | 3 ++-
 src/webview/styles.css | 4 ++++
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/webview/index.html b/src/webview/index.html
index 17f2f29..7b54da0 100644
--- a/src/webview/index.html
+++ b/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>
 
diff --git a/src/webview/scripts.js b/src/webview/scripts.js
index c5febc3..33d0f28 100644
--- a/src/webview/scripts.js
+++ b/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;
 }
diff --git a/src/webview/styles.css b/src/webview/styles.css
index 616108f..d2c2d73 100644
--- a/src/webview/styles.css
+++ b/src/webview/styles.css
@@ -46,6 +46,10 @@ body {
   margin: 10pt;
 }
 
+.message {
+  min-height: 2rem;
+}
+
 .notification {
   position: absolute;
   z-index: 100;