From 8f8e5f76364f93dec442e85940a349135e600121 Mon Sep 17 00:00:00 2001
From: Tobias <t@tobiasjordans.de>
Date: Thu, 21 Jan 2021 05:19:33 +0100
Subject: [PATCH] Migrate .answer to Tailwind

- Remove custom CSS
- Add more landscape:* helper classes
---
 UI/Popup/EditableTagRendering.ts |  2 +-
 css/tagrendering.css             | 19 ++++++-------------
 2 files changed, 7 insertions(+), 14 deletions(-)

diff --git a/UI/Popup/EditableTagRendering.ts b/UI/Popup/EditableTagRendering.ts
index fb43454e30..db01784587 100644
--- a/UI/Popup/EditableTagRendering.ts
+++ b/UI/Popup/EditableTagRendering.ts
@@ -64,7 +64,7 @@ export default class EditableTagRendering extends UIElement {
 
         return new Combine([this._answer,
             (State.state?.osmConnection?.userDetails?.data?.loggedIn ?? true) ? this._editButton : undefined
-        ]).SetClass("answer")
+        ]).SetClass("flex w-full break-word justify-between text-default landscape:w-1/2 landscape:p-2")
             .Render();
     }
 
diff --git a/css/tagrendering.css b/css/tagrendering.css
index 779a7552c5..00502e2290 100644
--- a/css/tagrendering.css
+++ b/css/tagrendering.css
@@ -26,10 +26,12 @@
         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 {
@@ -47,15 +49,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;