Group messages by date

1 files changed, 12 insertions, 1 deletions

diff --git a/assets/css/app.css b/assets/css/app.css
index 4bfd6cb..1650646 100644
--- a/assets/css/app.css
+++ b/assets/css/app.css
@@ -39,10 +39,13 @@ body {
 }
 
 .row {
-  margin-top: 10px;
+  margin-top: 6px;
   display: flex;
   align-items: center;
 }
+.row--padded {
+  margin-top: 12px;
+}
 .row-left {
   flex-direction: row;
 }
@@ -50,6 +53,14 @@ body {
   flex-direction: row-reverse;
 }
 
+.date-box {
+  background-color: #666;
+  color: white;
+  padding: 4px 12px 4px 12px;
+  border-radius: 12px;
+  box-shadow: 1px 1px 2px grey;
+}
+
 .white-box {
   background-color: white;
   border-radius: 5px;