Update modal styling

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;
 }

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;
 }