From e09f53b9a2e20e52193b78cde3127817f3cefd44 Mon Sep 17 00:00:00 2001
From: Kushagra Gour <chinchang457@gmail.com>
Date: Sun, 14 Jan 2018 11:43:35 +0530
Subject: [PATCH] style: minor fixes

---
 src/style.css | 15 +++++++--------
 1 file changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/style.css b/src/style.css
index 98578f3..75cc4b2 100644
--- a/src/style.css
+++ b/src/style.css
@@ -519,12 +519,6 @@ body > #demo-frame {
 	/* So that modal overlay gets pointer events */
 	pointer-events: none;
 }
-@media screen and (max-width: 900px) {
-	.modal {
-		/* width: 90vw; */
-		/* margin-left: -45vw; */
-	}
-}
 .modal__close-btn {
 	position: absolute;
 	right: 10px;
@@ -545,11 +539,11 @@ body > #demo-frame {
 	color: #444;
 	position: relative;
 	border-radius: 8px;
-	/* margin: 0 auto; */
 	opacity: 0;
 	padding: 2em;
 	font-size: 1.1em;
 	line-height: 1.4;
+	max-width: 85vw;
 	max-height: 90vh;
 	box-sizing: border-box;
 	overflow-y: auto;
@@ -558,6 +552,11 @@ body > #demo-frame {
 	transition-duration: 0.19s;
 	transform: translateY(-50px) scale(0.7);
 }
+@media screen and (max-width: 900px) {
+	.modal__content {
+		max-width: 95vw;
+	}
+}
 .is-modal-visible {
 	visibility: visible;
 }
@@ -1080,7 +1079,7 @@ body > #demo-frame {
 	content: 'BETA';
 	position: relative;
 	left: 3px;
-	top: -10px;
+	top: -7px;
 	border-radius: 4px;
 	background: #b76b29;
 	color: white;