From 9da14ace48b06e044be7483800151c4dd4744eb5 Mon Sep 17 00:00:00 2001
From: Jordan Eldredge <jordan@jordaneldredge.com>
Date: Sun, 2 Dec 2018 22:04:39 -0800
Subject: [PATCH] Try to fix overflow:hidden on safari

---
 src/App.css | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/src/App.css b/src/App.css
index 7e35b692..e32656b7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -1,4 +1,4 @@
-/* Coolors Exported Palette - coolors.co/ed4b6c-f7b54c-06d6a0-4c84b2-684b3a
+/* Coolors Exported Palette - https://coolors.co/ed4b6c-f7b54c-06d6a0-4c84b2-684b3a
 
 HSL
 $color1: hsla(348%, 82%, 61%, 1);
@@ -45,6 +45,14 @@ button {
   cursor: pointer;
 }
 
+.zoom-on-hover {
+  transition: transform 200ms ease-in-out;
+}
+.zoom-on-hover:hover,
+.zoom-on-hover:focus {
+  transform: scale(1.025);
+}
+
 #search {
   width: 100%;
   position: fixed;
@@ -72,7 +80,6 @@ button {
   color: white;
   font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir,
     helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif;
-  display: none; /* I'm not yet happy with how this looks */
 }
 
 #search input {
@@ -98,6 +105,8 @@ button {
 }
 
 body.overlay-open {
+  /* https://stackoverflow.com/a/13645522/1263117 */
+  position: absolute;
   overflow: hidden;
 }