From 5980d6bff6a9c3d7b4764a7cc210d770e37beb38 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Tue, 15 Sep 2020 01:23:42 -0700
Subject: [PATCH] Update modal styling

---
 src/components/Modal/Modal.css             | 10 +++++-----
 src/components/SearchModal/SearchModal.css | 23 ++++++++++++++++++++--
 2 files changed, 26 insertions(+), 7 deletions(-)

diff --git a/src/components/Modal/Modal.css b/src/components/Modal/Modal.css
index 40358135..bae196c9 100644
--- a/src/components/Modal/Modal.css
+++ b/src/components/Modal/Modal.css
@@ -16,15 +16,15 @@
     border-radius: 8px;
     display: flex;
     flex-direction: column;
-    max-height: 600px;
+    height: 320px;
     min-width: 360px;
     max-width: 480px;
-    padding: 24px;
+    overflow: scroll;
     position: relative;
     z-index: 10;
 }
 
-.Modal > .Input {
+.Modal .Input {
     -webkit-font-smoothing: antialiased;
     border: none;
 
@@ -38,7 +38,7 @@
     text-align: center;
 }
 
-.Modal > .Button {
+.Modal .Button {
     background: #61B3FF;
     color: #315E87;
     display: block;
@@ -46,7 +46,7 @@
     text-align: center;
 }
 
-.Modal > .Button:hover {
+.Modal .Button:hover {
     background: #4B9BE5;
     color: #233E56;
 }
diff --git a/src/components/SearchModal/SearchModal.css b/src/components/SearchModal/SearchModal.css
index d0829718..8a5ef09c 100644
--- a/src/components/SearchModal/SearchModal.css
+++ b/src/components/SearchModal/SearchModal.css
@@ -1,9 +1,28 @@
 .SearchModal {
-    min-height: 320px;
+    min-height: 420px;
     min-width: 600px;
 }
 
-.SearchModal > .Input {
+.SearchModal .Input {
     padding: 12px 8px;
     text-align: left;
+}
+
+.SearchModal label {
+    width: 100%;
+}
+
+.SearchModal label .Input {
+    width: 100%;
+}
+
+.SearchModal #input_container {
+    background: #f5f5f5;
+    padding: 24px 24px 12px 24px;
+    position: sticky;
+    top: 0;
+}
+
+.SearchModal #results_container {
+    padding: 0 12px 12px 12px;
 }
\ No newline at end of file