diff options
| author | Kit La Touche <kit@transneptune.net> | 2025-01-17 21:59:10 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2025-01-17 21:59:10 -0500 |
| commit | d42455bd4a39d5c0944aaf25b24a548de3213e75 (patch) | |
| tree | 3a2d0f8ad87619d08cf27cb0f454b11a4b4e013e /ui | |
| parent | 846130d6f90e3cacae64edbabbaa410be63f5727 (diff) | |
Make mobile UI look a little better
The rounded corners on an iPhone shouldn't be cut off now.
Diffstat (limited to 'ui')
| -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 3f0aa3b..f32ec3e 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 cdf487f..057fb8a 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 { |