From f5f3415347c4953b0f47b3b4116c3870114dffcf Mon Sep 17 00:00:00 2001 From: Mylloon Date: Fri, 8 Mar 2024 19:08:57 +0100 Subject: [PATCH] fix width on mobile --- src/static/css/style.css | 10 ++++------ 1 file changed, 4 insertions(+), 6 deletions(-) diff --git a/src/static/css/style.css b/src/static/css/style.css index 4f9ccb6..657926c 100644 --- a/src/static/css/style.css +++ b/src/static/css/style.css @@ -64,6 +64,7 @@ aside textarea { min-height: 15em; resize: none; overflow: hidden; + font-size: xx-large; } aside div { @@ -82,24 +83,21 @@ aside div > textarea, aside div::after { /* textarea position after new input */ padding: 0.5rem; - font-size: xx-large; grid-area: 1 / 1 / 2 / 2; } /* breakpoint */ -@media only screen and (max-width: 500px) { +@media only screen and (max-width: 1100px) { aside { float: unset; } aside textarea { - width: 98%; + width: 96%; /* reset other values */ - font-size: inherit; min-width: inherit; - direction: inherit; - text-align: inherit; + font-size: inherit; } }