From 474f2ae54000463a0a2dfc84ad678a7620cc3d44 Mon Sep 17 00:00:00 2001 From: 0neGal Date: Wed, 29 Dec 2021 22:59:47 +0100 Subject: proper responsiveness for all languages This should more or less ensure everything remains responsive even if the language is one with very long strings. --- src/app/main.css | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'src/app/main.css') diff --git a/src/app/main.css b/src/app/main.css index 854c47a..c9c62fb 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -34,10 +34,14 @@ body, button, input { } .buttons { + text-align: right; margin-left: auto; margin-right: 7px; } +.text {max-width: 38vw} +.buttons {max-width: 55vw} + button, .text { border: none; outline: none; @@ -47,6 +51,7 @@ button, .text { } button { + margin-bottom: 10px; color: var(--btnforeground); -webkit-app-region: no-drag; } -- cgit v1.2.3 From ebe304c7894ffb19b1f6d5db3fb77961101412ff Mon Sep 17 00:00:00 2001 From: 0neGal Date: Wed, 29 Dec 2021 23:06:32 +0100 Subject: make sure doesn't get deprecated --- src/app/main.css | 2 ++ 1 file changed, 2 insertions(+) (limited to 'src/app/main.css') diff --git a/src/app/main.css b/src/app/main.css index c9c62fb..f49cc98 100644 --- a/src/app/main.css +++ b/src/app/main.css @@ -28,6 +28,8 @@ body, button, input { font-family: "Roboto Mono", monospace; } +nobr {white-space: nowrap} + .line { display: flex; margin-top: 15px; -- cgit v1.2.3