From 0443de44b6efe074b5e6b9ed33089fb52b4c39f6 Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Wed, 20 Jan 2021 20:40:40 +0100
Subject: [PATCH] Index: Center index content

This is only for the lg-Screen-size. It makes the content use more space and be more centered in the screen.

Wanted to use some Tailwind-Center-Class but didn't manage to. This works as well.
---
 index.css | 2 ++
 index.ts  | 2 +-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/index.css b/index.css
index ba68056..f7c95af 100644
--- a/index.css
+++ b/index.css
@@ -306,6 +306,8 @@ a {
     z-index: 5000;
     transition: all 500ms linear;
     pointer-events: none;
+    left: 0;
+    right: 0;
 }
 
 .welcomeMessage {
diff --git a/index.ts b/index.ts
index bec748d..60ecf32 100644
--- a/index.ts
+++ b/index.ts
@@ -120,7 +120,7 @@ if (layoutFromBase64.startsWith("wiki:")) {
     document.getElementById("messagesboxmobile").remove();
     new MoreScreen(true)
         .SetStyle("pointer-events: all;")
-        .AddClass("block m-5")
+        .AddClass("block m-5 lg:w-3/4 lg:ml-40")
         .AttachTo("topleft-tools");
 }
 window.addEventListener('contextmenu', function (e) { // Not compatible with IE < 9