From 9d8f7ec08cc60af559186b2624ab33a8e422bd7d Mon Sep 17 00:00:00 2001
From: mwbernard <mwbernard9@gmail.com>
Date: Tue, 5 Dec 2023 10:43:06 -0800
Subject: [PATCH 1/3] Give fingerprint small top margin

---
 vacs-map-app/src/components/CropFingerprint.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/vacs-map-app/src/components/CropFingerprint.vue b/vacs-map-app/src/components/CropFingerprint.vue
index 1307490..c0ddd3c 100644
--- a/vacs-map-app/src/components/CropFingerprint.vue
+++ b/vacs-map-app/src/components/CropFingerprint.vue
@@ -220,6 +220,7 @@ const arc = computed(() => {
 }
 .svg-wrapper {
   height: 100%;
+  margin-top: 1rem;
 }
 
 svg {

From bf1b0e6ec4efada7e1a73403b5a56543a0f268d4 Mon Sep 17 00:00:00 2001
From: mwbernard <mwbernard9@gmail.com>
Date: Tue, 5 Dec 2023 10:43:18 -0800
Subject: [PATCH 2/3] Give sidebar max height

---
 vacs-map-app/src/components/ExploreSidebar.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/vacs-map-app/src/components/ExploreSidebar.vue b/vacs-map-app/src/components/ExploreSidebar.vue
index 6a58999..5c117d4 100644
--- a/vacs-map-app/src/components/ExploreSidebar.vue
+++ b/vacs-map-app/src/components/ExploreSidebar.vue
@@ -115,7 +115,7 @@ const openScenarioModal = (s) => {
   gap: 1rem;
   justify-content: space-between;
   height: 100%;
-  margin-left: var(--page-horizontal-margin);
+  max-height: 50rem;
   padding: 1.25rem;
   width: 450px;
   border: 1px solid var(--dark-gray);

From 8f5cdbf40f0078a582045b025829206314e30edc Mon Sep 17 00:00:00 2001
From: mwbernard <mwbernard9@gmail.com>
Date: Tue, 5 Dec 2023 10:43:36 -0800
Subject: [PATCH 3/3] Adjust explore layout to not have overflow

---
 vacs-map-app/src/MapExplorer.vue          | 9 +++++++--
 vacs-map-app/src/components/MapLegend.vue | 1 +
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/vacs-map-app/src/MapExplorer.vue b/vacs-map-app/src/MapExplorer.vue
index 1b89a04..a9e88e2 100644
--- a/vacs-map-app/src/MapExplorer.vue
+++ b/vacs-map-app/src/MapExplorer.vue
@@ -9,7 +9,7 @@
           </template>
         </component>
         <div class="overlay-wrapper">
-          <OverviewTop class="interactive" />
+          <OverviewTop class="interactive"/>
           <div class="map-overlay desktop">
             <div class="overlay-left">
               <ExploreSidebar class="interactive" ref="overlayLeftRef" />
@@ -123,6 +123,7 @@ onUnmounted(() => {
 }
 
 .map-overlay {
+  height: 1rem;
   flex-grow: 1;
   display: flex;
   justify-content: space-between;
@@ -131,8 +132,12 @@ onUnmounted(() => {
 }
 
 .overlay-left {
+  height: 100%;
+  margin-left: var(--page-horizontal-margin);
   display: flex;
-  flex-direction: row;
+  flex-direction: column;
+  flex-wrap: wrap;
+  justify-content: space-between;
   align-items: flex-end;
   gap: 2rem;
 }
diff --git a/vacs-map-app/src/components/MapLegend.vue b/vacs-map-app/src/components/MapLegend.vue
index 4a2d728..d1d95fe 100644
--- a/vacs-map-app/src/components/MapLegend.vue
+++ b/vacs-map-app/src/components/MapLegend.vue
@@ -65,6 +65,7 @@ const openYieldRatioModal = () => {
   flex-direction: column;
   gap: 0.25rem;
   width: 18rem;
+  margin-top: auto;
 }
 
 .legend-title {