diff options
| author | Owen Jacobson <owen@grimoire.ca> | 2025-01-11 13:20:18 -0500 |
|---|---|---|
| committer | Owen Jacobson <owen@grimoire.ca> | 2025-01-11 13:24:07 -0500 |
| commit | 25c066d7bd59a921e04504656b3c94ef89f36419 (patch) | |
| tree | 65f6503e57d8bc75bac70e621f4707cf0e5b31b5 /ui/styles | |
| parent | 4fc3fffb8de27d27928f488e58e81739a3021e10 (diff) | |
Use margins, rather than alternating float/non-float elements, to lay out own/other messages.
Diffstat (limited to 'ui/styles')
| -rw-r--r-- | ui/styles/active-channel.css | 3 | ||||
| -rw-r--r-- | ui/styles/messages.css | 6 |
2 files changed, 5 insertions, 4 deletions
diff --git a/ui/styles/active-channel.css b/ui/styles/active-channel.css index 96e8354..d6a9b42 100644 --- a/ui/styles/active-channel.css +++ b/ui/styles/active-channel.css @@ -1,5 +1,6 @@ .active-channel { - padding: 1rem; + padding-left: 1rem; + padding-right: 1rem; overflow: auto; flex-grow: 1; } diff --git a/ui/styles/messages.css b/ui/styles/messages.css index 404b14c..a07c5d9 100644 --- a/ui/styles/messages.css +++ b/ui/styles/messages.css @@ -2,17 +2,16 @@ position: relative; border-radius: 0.25rem; padding: 0 0 0.5rem 0; + margin-top: 1rem; margin-bottom: 1rem; box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.5); - width: 95%; - clear: both; overflow: hidden; } .own-message { background-color: var(--colour-message-run-self-bg); border: 1px solid var(--colour-message-run-self-border); - float: right; + margin-left: 2rem; } .own-message * { @@ -22,6 +21,7 @@ .other-message { background-color: var(--colour-message-run-other-bg); border: 1px solid var(--colour-message-run-other-border); + margin-right: 2rem; } .other-message * { |