add line graph and date range selector

1 files changed, 28 insertions, 3 deletions

diff --git a/assets/styles.css b/assets/styles.css
index d014936..97fd316 100644
--- a/assets/styles.css
+++ b/assets/styles.css
@@ -4,6 +4,31 @@ body {
     margin: 2rem auto;
 }
 
-hr {
-    margin: 1rem auto;
-}
\ No newline at end of file
+.dash-table-container {
+    overflow: scroll;
+}
+
+.dash-table-container,
+.dash-graph {
+    margin: 2rem 0;
+    max-width: 100%;
+}
+
+.flex {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
+.flex p {
+    margin-right: 1rem;
+    flex-shrink: 0;
+}
+
+.flex .dash-dropdown {
+    width: 100%;
+}
+
+.flex #date-picker-range {
+    width: 100%;
+}