diff --git a/src/form.css b/src/form.css index 4c6fca1..1c9d56e 100644 --- a/src/form.css +++ b/src/form.css @@ -76,6 +76,14 @@ textarea:focus { #newMessage textarea:focus { min-height: 18rem; } +@media (orientation: portrait) { + #newMessage textarea { + min-height: 8rem; + } + #newMessage textarea:focus { + min-height: 15rem; + } +} .buttons { align-items: center; diff --git a/src/write.css b/src/write.css index 158bfd3..d185f56 100644 --- a/src/write.css +++ b/src/write.css @@ -24,6 +24,11 @@ width: 100vw; z-index: 20; } +@media (orientation: portrait) { + #newMessage { + align-items: start; + } +} #newMessage #writeForm { align-items: start;