Migrate .answer to Tailwind

- Remove custom CSS
- Add more landscape:* helper classes

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();
     }
 

css/tagrendering.css

@@ -26,10 +26,12 @@
         max-height: 100vh;
     }
 
-    .answer {
+    .landscape\:w-1\/2 {
-        max-width: 48% !important;
+        width: 50%
-        padding-right: 0.3em;
+    }
-        box-sizing: border-box;
+
+    .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;