From 95b44897f97b14390f3b53c2b6f08668a1cf1688 Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Wed, 20 Jan 2021 21:56:38 +0100
Subject: [PATCH] Spacing for Login, Search, Help

Same spacing left, right, top using Tailwind
---
 InitUiElements.ts | 2 +-
 index.html        | 4 ++--
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/InitUiElements.ts b/InitUiElements.ts
index 64da98e..f5a5eb5 100644
--- a/InitUiElements.ts
+++ b/InitUiElements.ts
@@ -297,7 +297,7 @@ export class InitUiElements {
 
         // ?-Button on Mobile, opens full screen layer with close-button at the bottom
         Svg.help_svg()
-            .SetClass("open-welcome-button block rounded-3xl overflow-hidden shadow" )
+            .SetClass("open-welcome-button block rounded-3xl overflow-hidden shadow ml-3" )
             .onClick(() => {
                 State.state.fullScreenMessage.setData({content: fullOptions2, hashText: "welcome"})
             }).AttachTo("help-button-mobile");
diff --git a/index.html b/index.html
index c55edb0..506c0df 100644
--- a/index.html
+++ b/index.html
@@ -49,11 +49,11 @@
 </div>
 
 <div id="topleft-tools">
-    <div id="userbadge-and-search">
+    <div id="userbadge-and-search" class="p-3">
         <div id="userbadge" class="shadow rounded-3xl overflow-hidden"></div>
         <div id="searchbox" class="shadow rounded-3xl overflow-hidden"></div>
     </div>
-    <div id="messagesbox" class="rounded-3xl overflow-hidden"></div>
+    <div id="messagesbox" class="rounded-3xl overflow-hidden ml-3"></div>
     <div id="help-button-mobile"></div>
 </div>