diff options
| -rw-r--r-- | ui/lib/components/ActiveChannel.svelte | 4 | ||||
| -rw-r--r-- | ui/styles/active-channel.css | 3 | ||||
| -rw-r--r-- | ui/styles/messages.css | 6 |
3 files changed, 6 insertions, 7 deletions
diff --git a/ui/lib/components/ActiveChannel.svelte b/ui/lib/components/ActiveChannel.svelte index ba62d6c..9c181e4 100644 --- a/ui/lib/components/ActiveChannel.svelte +++ b/ui/lib/components/ActiveChannel.svelte @@ -5,7 +5,5 @@ </script> {#each messageRuns as { sender, messages }} - <div> - <MessageRun {sender} {messages} /> - </div> + <MessageRun {sender} {messages} /> {/each} 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 * { |