1 files changed, 8 insertions, 3 deletions
diff --git a/ui/styles/messages.css b/ui/styles/messages.css
index 5e08279..3f0aa3b 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 * {
@@ -43,6 +43,11 @@
   position: relative;
 }
 
+.message.delete-armed,
+.message.delete-armed:hover {
+  background-color: var(--colour-warn);
+}
+
 .message:hover {
   background-color: var(--colour-message-hover-bg);
 }