From fa57608056fb43c6900fa0afcffe2100e18972c8 Mon Sep 17 00:00:00 2001
From: Nolan Lawson <nolan@nolanlawson.com>
Date: Fri, 19 Jul 2019 20:08:26 -0700
Subject: [PATCH] fix: improve style of report dialog (#1345)

---
 .../dialog/components/ReportDialog.html       | 22 ++++++++++++++++++-
 1 file changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/routes/_components/dialog/components/ReportDialog.html b/src/routes/_components/dialog/components/ReportDialog.html
index 0c21e84a..039d8386 100644
--- a/src/routes/_components/dialog/components/ReportDialog.html
+++ b/src/routes/_components/dialog/components/ReportDialog.html
@@ -61,17 +61,31 @@
   }
   .loading-spinner-container {
     width: 100%;
+    height: 100%;
     display: flex;
     justify-content: center;
+    align-items: center;
   }
   ul {
     list-style: none;
     max-height: 30vh;
     overflow-y: auto;
     overflow-x: hidden;
+    border: 1px solid var(--main-border);
   }
   li {
-    padding: 10px 0;
+    padding: 10px 5px;
+    border-top: 1px solid var(--main-border);
+  }
+  li:first-child {
+    border-top: none;
+  }
+
+  .recent-statuses label {
+    padding: 10px 5px;
+    display: -webkit-box;
+    -webkit-line-clamp: 5;
+    -webkit-box-orient: vertical;
   }
   textarea {
     width: 100%;
@@ -87,6 +101,10 @@
   .recent-statuses li {
     display: flex;
     flex-direction: row;
+    align-items: center;
+  }
+  .recent-statuses input {
+    margin-right: 10px;
   }
   .recent-statuses label {
     width: 0;
@@ -95,6 +113,8 @@
     overflow: hidden;
     white-space: pre-wrap;
     text-overflow: ellipsis;
+    border-left: 1px solid var(--main-border);
+    padding-left: 10px;
   }
 
   .report-flex {