From da0fc08fe5a7ee72914197ff4eebd42b397957f6 Mon Sep 17 00:00:00 2001
From: JoelHMikael <joel.h.kronqvist@gmail.com>
Date: Thu, 30 Dec 2021 12:13:11 +0200
Subject: Made the help work somehow on mobile + other minor fixes

---
 index.css | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/index.css b/index.css
index fe6de3b..5e09566 100644
--- a/index.css
+++ b/index.css
@@ -2,7 +2,7 @@
 	margin: 0;
 	padding: 0;
 	text-align: center;
-	--info-width: 10em;
+	--info-width: 13em;
 	--fadetime: .3s;
 	--box-bg: #222;
 	--box-shadow: black;
@@ -103,14 +103,16 @@ img.info ~ span {
 p.infoblock {
 	display: inline;
 	position: absolute;
-	top: .5em;
-	left: 1.5em;
+	top: 1.5em;
+	left: calc(var(--info-width) * -1 - 1em);
+	width: var(--info-width);
+	z-index: 1;
 
 	background-color: var(--box-bg);
 	--box-shadow: #111;
 	margin: 0;
 	padding: .5em;
-	border-radius: 0 5px 5px 5px;
+	border-radius: 5px 0 5px 5px;
 
 	animation-name: fade-out;
 	animation-duration: var(--fadetime);
-- 
cgit v1.2.3