diff options
| author | Kit La Touche <kit@transneptune.net> | 2025-01-17 21:59:10 -0500 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2025-01-28 19:45:43 -0500 |
| commit | 1c16937588f076115c569b8e74ea7210d7a20ba8 (patch) | |
| tree | fa7e7677b71363eecb7bd69e9c8dff18c288224f | |
| parent | 30e83952aae2d2c895a762cd5dc4a6e2e528099b (diff) | |
Make mobile UI look a little better
The rounded corners on an iPhone shouldn't be cut off now.
| -rw-r--r-- | ui/styles/messages.css | 4 | ||||
| -rw-r--r-- | ui/styles/textarea.css | 4 |
2 files changed, 6 insertions, 2 deletions
diff --git a/ui/styles/messages.css b/ui/styles/messages.css index a07c5d9..aec9bb8 100644 --- a/ui/styles/messages.css +++ b/ui/styles/messages.css @@ -11,7 +11,7 @@ .own-message { background-color: var(--colour-message-run-self-bg); border: 1px solid var(--colour-message-run-self-border); - margin-left: 2rem; + margin-left: 1rem; } .own-message * { @@ -21,7 +21,7 @@ .other-message { background-color: var(--colour-message-run-other-bg); border: 1px solid var(--colour-message-run-other-border); - margin-right: 2rem; + margin-right: 1rem; } .other-message * { diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css index c38de46..595826a 100644 --- a/ui/styles/textarea.css +++ b/ui/styles/textarea.css @@ -4,6 +4,10 @@ flex-direction: row; justify-content: flex-start; align-items: stretch; + + @media (width <= 640px) { + margin: 0 0.5rem 1rem 0.5rem; + } } .create-message textarea { |