Derping around, bit of a dead end due to transform3d in a parent

css/fullscreenmessagebox.css

@@ -1,44 +0,0 @@
-.fullscreenmessage-content {
-    max-height: calc(100vh);
-    height: 100%;
-    overflow-y: auto;
-    overflow-x: hidden;
-    background-color: var(--background-color);
-    display: block;
-}
-
-.fullscreenmessage-content .featureinfobox {
-    padding-top: 1em;
-    position: relative;
-}
-
-.fullscreenmessage-content .featureinfobox-content {
-    padding: 1em;
-    top: var(--variable-title-height);
-    max-height: calc(100vh - var(--variable-title-height)) !important;
-    min-height: calc(100vh - var(--variable-title-height)) !important;
-    position: absolute;
-    overflow-y: auto;
-    box-sizing: border-box;
-
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between
-}
-
-.fullscreenmessage-content .featureinfobox-titlebar {
-    position: fixed;
-    top: 0;
-    left: 0;
-    z-index: 10001;
-    background-color: var(--background-color);
-    padding: 0.5em;
-    width: 100%;
-    box-sizing: border-box;
-
-}
-
-.fullscreenmessage-content .featureinfobox-tail {
-    /*THe ornament to give the URL bar some room...*/
-}
-

css/mobile.css

@@ -11,11 +11,11 @@ Contains tweaks for small screens
 @media only screen and (max-width: 600px), only screen and (max-height: 600px) {
 
     .only-on-mobile {
-        display: unset !important;  
+        display: unset !important;
         background-color: var(--background-color);
         color: var(--foreground-color);
     }
-    
+
     .hidden-on-mobile {
         display: none !important;
     }
@@ -35,7 +35,7 @@ Contains tweaks for small screens
         width: 60%;
 
     }
-    
+
     .add-popup-all-buttons {
         /* Buttons in the 'add new point' have a default of 50vh maxheight which is ugly in the new context*/
         max-height: unset !important;
@@ -43,7 +43,7 @@ Contains tweaks for small screens
 
     #messagesboxmobile {
         display: block;
-    
+
         position: absolute;
         z-index: 10000;
         width: 100vw;
@@ -75,12 +75,6 @@ Contains tweaks for small screens
 
     .userbadge-login {
         min-width: unset;
-        width: calc(100vw - 5px);
-    }
-
-    #topleft-tools {
-        padding: 0.2em !important;
-        padding-top: 0.3em !important;
     }
 
     #userbadge {

css/tagrendering.css

@@ -1,4 +1,5 @@
 
+<<<<<<< HEAD
 .featureinfobox {
     display: flex;
     flex-direction: column;
@@ -45,41 +46,23 @@
     background: var(--subtle-detail-color);
     flex-shrink: 0;
 }
-
-.featureinfobox-back-to-the-map svg {
-    width: 1.75em;
-    height: 1.75em;
-    margin-left: 0.15em;
-    margin-top: 0.15em
-}
-
-.featureinfobox-back-to-the-map svg path{
-    stroke: var(--subtle-detail-color-contrast) !important;
-}
+=======
+>>>>>>> master
 
 
-@media only screen and (max-width: 600px), only screen and (max-height: 600px) {
-    .featureinfobox-content {
-        display: block;
-        max-height: unset !important;
-        overflow-y: auto;
-    }
-}
 
 @media only screen and (max-height: 600px) and (min-width: 600px) {
     /* landscape mode: the first tagrendering of the infobox gets a special treatment and is placed on the right*/
-    .featureinfobox-content {
-        position: relative;
-        width: 100% !important;
-        max-width: unset !important;
-        max-height: unset !important;
-        height: 100vh;
+    .landscape\:max-h-screen {
+        max-height: 100vh;
     }
 
-    .answer {
-        max-width: 48% !important;
-        padding-right: 0.3em;
-        box-sizing: border-box;
+    .landscape\:w-1\/2 {
+        width: 50%
+    }
+
+    .landscape\:p-2 {
+        padding: 0.5rem;
     }
 
     .question {
@@ -97,15 +80,6 @@
     }
 }
 
-
-.answer {
-    display: flex;
-    width: 100%;
-    font-size: large;
-    justify-content: space-between;
-    word-break: break-word;
-}
-
 .question .form-text-field > input {
     width: 100%;
     box-sizing: border-box;
@@ -151,13 +125,11 @@
 .question-option-with-border {
     border: 2px solid lightgray;
     border-radius: 0.5em;
-    display: inline-block;
+    display: block;
     width: 100%;
-    margin: 0;
-    margin-left: -2em;
+    margin: 5px ​0;
     box-sizing: border-box;
     padding: 0.5em;
-    padding-left: 2em;
 }
 
 input:checked + label .question-option-with-border {
@@ -254,6 +226,7 @@ input:checked + label .question-option-with-border {
     position: fixed;
     width: 100vw;
     bottom: 0;
+    z-index: 100000;
 }
 
 .to-the-map-inner{

css/userbadge.css

@@ -2,16 +2,12 @@
     display: inline-block;
     background-color: var(--background-color);
     color: var(--foreground-color);
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius: 2em;
-    border-bottom-right-radius: 1.5em;
-    border-top-right-radius: 1.5em;
     margin: 0;
     margin-bottom: 0.5em;
     width: 100%;
     min-width: 20em;
     pointer-events: all;
+    border-radius: 999em;
 }
 
 #userbadge a {
@@ -63,11 +59,9 @@
     height: 4em;
     padding: 0;
     margin: 0;
-    -webkit-border-radius: 50%;
-    -moz-border-radius: 50%;
-    border-radius: 50%;
     opacity: 0;
     transition: opacity 500ms linear;
+    border-radius: 999em;
 }
 
 .usertext {
@@ -101,11 +95,6 @@
 
     display: inline-block;
     text-align: center;
-    -webkit-border-radius: 2em;
-    -moz-border-radius: 2em;
-    border-radius: 2em;
-    border-bottom-right-radius: 1.5em;
-    border-top-right-radius: 1.5em;
     margin: 0;
 
     min-width: 20em;