diff --git a/UI/Popup/EditableTagRendering.ts b/UI/Popup/EditableTagRendering.ts index fb43454..db01784 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 779a755..00502e2 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;