From 3f2608524e0640b8af45cd80f80e2b6a9acd6fd0 Mon Sep 17 00:00:00 2001
From: pietervdvn <pietervdvn@posteo.net>
Date: Thu, 7 Jan 2021 05:10:27 +0100
Subject: [PATCH] Last css tweaks

---
 UI/Base/Ornament.ts  | 7 +++++--
 css/tagrendering.css | 5 ++++-
 index.css            | 2 +-
 3 files changed, 10 insertions(+), 4 deletions(-)

diff --git a/UI/Base/Ornament.ts b/UI/Base/Ornament.ts
index e4057bf..2a4ac17 100644
--- a/UI/Base/Ornament.ts
+++ b/UI/Base/Ornament.ts
@@ -12,7 +12,7 @@ export default class Ornament extends UIElement {
         this.SetClass("ornament")
         const self = this;
         this.onClick(() => {
-            self._index.setData((self._index.data + 1) % Ornament.ornamentsCount);
+            self._index.setData((self._index.data + 1) % (Ornament.ornamentsCount + 1));
 
         })
     }
@@ -28,7 +28,10 @@ export default class Ornament extends UIElement {
     }
 
     InnerRender(): string {
-        return Svg.All[`Ornament-Horiz-${this._index.data}.svg`]
+        if(this._index.data == 0){
+            return "<svg></svg>"
+        }
+        return Svg.All[`Ornament-Horiz-${this._index.data - 1}.svg`]
     }
 
 }
\ No newline at end of file
diff --git a/css/tagrendering.css b/css/tagrendering.css
index 5a83eb0..ffab215 100644
--- a/css/tagrendering.css
+++ b/css/tagrendering.css
@@ -262,7 +262,10 @@ input:checked + label .question-option-with-border {
     text-align: center;
     box-sizing: border-box;
     display: block;
-    max-height: 2em;
+    max-height: var(--return-to-the-map-height);
+    position: fixed;
+    width: 100vw;
+    bottom: 0;
 }
 
 .to-the-map-inner{
diff --git a/index.css b/index.css
index c82e5ea..74584f2 100644
--- a/index.css
+++ b/index.css
@@ -11,7 +11,7 @@
     --popup-border: white;
     --shadow-color: #00000066;
     --variable-title-height: 0px; /* Set by javascript */
-    --return-to-the-map-height: 5em;
+    --return-to-the-map-height: 2em;
 }
 
 html, body {