From d6546d35e706f878950ead075f12dea80933d959 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Sat, 13 Jan 2018 09:39:59 +0530
Subject: [PATCH] style: fix modal transitions

---
 src/style.css | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/style.css b/src/style.css
index eb9f3d5..7eefb49 100644
--- a/src/style.css
+++ b/src/style.css
@@ -473,7 +473,8 @@ transition: 0.25s ease;
 	max-height: 90vh;
 	box-sizing: border-box;
 	overflow-y: auto;
-	transition: all 0.19s;
+	transition-property: transform, opacity;
+	transition-duration: 0.19s;
 	transform: translateY(-50px) scale(0.7);
 }
 .is-modal-visible {
@@ -495,13 +496,13 @@ transition: 0.25s ease;
 	opacity: 0;
 	will-change: opacity;
 	background: rgba(0,0,0,0.6);
-	transition: all 0.3s;
+	transition: opacity 0.3s;
 }
 /* Make settings modal smaller */
 @media screen and (min-width: 600px) {
 	.modal--settings {
 		/* width: 600px; */
-		/* margin-left: -300px; */
+		/* margin-lef.t: -300px; */
 	}
 }
 .saved-items-pane {
@@ -963,7 +964,7 @@ transition: 0.25s ease;
 	display: inline-block;
 }
 .web-maker-with-tag:after {
-	content: 'BETA';
+    content: 'BETA';
     position: relative;
     left: 3px;
     top: -10px;