From 7556c7a4b17990484d3d5dc339f66959f277b8c2 Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Wed, 20 Jan 2021 21:56:11 +0100
Subject: [PATCH] layer-selection uses more Tailwind

- Tailwind for border radius, same as other elements
- Tailwind for placement
---
 index.css  | 5 -----
 index.html | 2 +-
 2 files changed, 1 insertion(+), 6 deletions(-)

diff --git a/index.css b/index.css
index e59f893..66703ba 100644
--- a/index.css
+++ b/index.css
@@ -95,14 +95,10 @@ a {
 }
 
 #layer-selection {
-    position: absolute;
-    bottom: 1em;
-    left: 1em;
     z-index: 9000;
     background-color: var(--background-color);
     color: var(--foreground-color);
 
-    border-radius: 1em;
     cursor: pointer;
     box-shadow: 0 0 10px var(--shadow-color);
 }
@@ -142,7 +138,6 @@ a {
 }
 
 .layer-selection-toggle {
-    border-radius: 1em;
     display: flex;
     flex-direction: column-reverse;
     background: var(--subtle-detail-color);
diff --git a/index.html b/index.html
index 873bf21..c55edb0 100644
--- a/index.html
+++ b/index.html
@@ -57,7 +57,7 @@
     <div id="help-button-mobile"></div>
 </div>
 
-<div id="layer-selection"></div>
+<div id="layer-selection" class="absolute bottom-3 left-3 rounded-3xl overflow-hidden"></div>
 
 <div id="centermessage">Loading MapComplete, hang on...</div>