From d3b39fbe54fa952c2d109fd7c5668a718e409b65 Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Wed, 20 Jan 2021 21:26:29 +0100
Subject: [PATCH] Remove <br> above open-welcom-message

Use Tailwind Class styles instead.
---
 InitUiElements.ts | 11 +++++------
 index.css         |  1 -
 index.html        |  1 -
 3 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/InitUiElements.ts b/InitUiElements.ts
index 2cf2f6d..27661bb 100644
--- a/InitUiElements.ts
+++ b/InitUiElements.ts
@@ -42,8 +42,8 @@ export class InitUiElements {
 
 
     static InitAll(layoutToUse: LayoutConfig, layoutFromBase64: string, testing: UIEventSource<string>, layoutName: string,
-                   layoutDefinition: string = "") {  
-       
+                   layoutDefinition: string = "") {
+
         if (layoutToUse === undefined) {
             console.log("Incorrect layout")
             new FixedUiElement(`Error: incorrect layout <i>${layoutName}</i><br/><a href='https://${window.location.host}/'>Go back</a>`).AttachTo("centermessage").onClick(() => {
@@ -216,7 +216,7 @@ export class InitUiElements {
         State.state.locationControl.ping();
         // Reset the loading message once things are loaded
         new CenterMessageBox().AttachTo("centermessage");
-        
+
     }
 
     static LoadLayoutFromHash(userLayoutParam: UIEventSource<string>) {
@@ -260,7 +260,7 @@ export class InitUiElements {
 
         const fullOptions = new FullWelcomePaneWithTabs();
 
-        const help = Svg.help_svg().SetClass("open-welcome-button");
+        const help = Svg.help_svg().SetClass("open-welcome-button block");
         const close = Svg.close_svg().SetClass("close-welcome-button");
         const checkbox = new CheckBox(
             new Combine([
@@ -295,8 +295,7 @@ export class InitUiElements {
         }
 
         Svg.help_svg()
-            .SetClass("open-welcome-button")
-            .SetClass("shadow")
+            .SetClass("open-welcome-button block shadow")
             .onClick(() => {
                 State.state.fullScreenMessage.setData({content: fullOptions2, hashText: "welcome"})
             }).AttachTo("help-button-mobile");
diff --git a/index.css b/index.css
index f7c95af..b75d094 100644
--- a/index.css
+++ b/index.css
@@ -342,7 +342,6 @@ a {
 }
 
 .open-welcome-button {
-    display: inline-block;
     box-sizing: border-box;
     background: var(--subtle-detail-color);
     color: var(--foreground-color);
diff --git a/index.html b/index.html
index 5781d62..e93c852 100644
--- a/index.html
+++ b/index.html
@@ -54,7 +54,6 @@
         <div id="searchbox" class="shadow"></div>
     </div>
     <div id="messagesbox"></div>
-    <br/>
     <div id="help-button-mobile"></div>
 </div>