From 98c3f6f229f00cce011c8dcf8564027bfabc947d Mon Sep 17 00:00:00 2001
From: Keith Irwin <mail@keithirwin.us>
Date: Fri, 19 May 2017 18:45:18 -0400
Subject: [PATCH] Moved popup styles to base.css

---
 static/css/base.css | 24 ++++++++++++++++++++++++
 views/map.html      | 24 +-----------------------
 2 files changed, 25 insertions(+), 23 deletions(-)

diff --git a/static/css/base.css b/static/css/base.css
index 83e4d07..c58c32a 100644
--- a/static/css/base.css
+++ b/static/css/base.css
@@ -185,3 +185,27 @@ a.underline:hover:not(.btn) {
 .btn .fa {
 	margin-left: 10px;
 }
+
+
+
+/* Popups */
+.popup {
+	background: #111;
+	padding: 3vw;
+	border-radius: 2vw;
+	z-index: 50;
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%, -50%);
+}
+.popup h1 {
+	display: inline-block;
+}
+.popup p {
+	margin: 0;
+}
+.popup .close {
+	cursor: pointer;
+	float: right;
+}
diff --git a/views/map.html b/views/map.html
index a4b0227..7b580ae 100644
--- a/views/map.html
+++ b/views/map.html
@@ -45,29 +45,7 @@
 {% block main %}
 
 	{% if user and newuserurl %}
-	<div id='welcome'>
-	<style>
-		#welcome {
-			background: #111;
-			padding: 3vw;
-			border-radius: 2vw;
-			z-index: 50;
-			position: absolute;
-			top: 50%;
-			left: 50%;
-			transform: translate(-50%, -50%);
-		}
-		#welcome h1 {
-			display: inline-block;
-		}
-		#welcome p {
-			margin: 0;
-		}
-		#welcome .close {
-			cursor: pointer;
-			float: right;
-		}
-	</style>
+	<div id='welcome' class='popup'>
 	
 		<h1>Welcome!</h1>
 		<span class='close' onclick="$('#welcome').hide();">✖️</span>