aboutsummaryrefslogtreecommitdiff
path: root/src/app/main.css
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2021-12-29 22:59:47 +0100
committer0neGal <mail@0negal.com>2021-12-29 22:59:47 +0100
commit474f2ae54000463a0a2dfc84ad678a7620cc3d44 (patch)
tree3ead3d9fb078daefed14392db88c1cb3a4af8a7e /src/app/main.css
parent4abe10aebdfa06c9b9c31c98f084d511e3e2e319 (diff)
downloadViper-474f2ae54000463a0a2dfc84ad678a7620cc3d44.tar.gz
Viper-474f2ae54000463a0a2dfc84ad678a7620cc3d44.zip
proper responsiveness for all languages
This should more or less ensure everything remains responsive even if the language is one with very long strings.
Diffstat (limited to 'src/app/main.css')
-rw-r--r--src/app/main.css5
1 files changed, 5 insertions, 0 deletions
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;
}