From fd3cd9ab212a9c03ef6cd0e47feec672fc7cf994 Mon Sep 17 00:00:00 2001
From: ryderr <r@okfoc.us>
Date: Fri, 21 Nov 2014 16:50:08 -0500
Subject: fixing bugs

---
 public/assets/stylesheets/app.css | 49 ++++++++++++++++++++-------------------
 views/editor.ejs                  |  1 +
 views/reader.ejs                  |  1 +
 3 files changed, 27 insertions(+), 24 deletions(-)

diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 5891ad6..b4b07b5 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -3089,31 +3089,40 @@ a[data-role="forgot-password"] {
 		.aboutRoom {
 			display:none;
 		}
+		.mx-scene{
+			display:none;
+		}
 		.mobile #scene:after{
-			content: "Hello friend! For best viewing we suggest flipping your device sideways and spinning around in circles :)";
+			content: "To view this room, flip your device sideways and spin around in circles :)";
 			z-index: 3;
 			position: fixed;
 			display: inline-block;
-			background: white;
-			width: 90%;
-			top: 50px;
-			left: 10px;
+			width: 300px;
+			top: 80px;
+			left: 6px;
 			font-size: 27px;
 			font-weight: 300;
 			line-height: 50px;
+			border-top: 1px solid;
 			border-bottom: 1px solid;
-			padding-bottom: 20px;
+			padding: 20px 0;
+			background-color:rgba(255,255,255,0.7);
 		}
+}
 
+#threesixty {
+	display:none;
+	width:80px;
+	z-index: 3;
+	position: fixed;
+	bottom: 0;
+	right: 0;
+	pointer-events:none;
 }
 
 @media screen and (orientation:landscape) {
-	.mobile #scene:after{
-		content:url(/assets/img/360.png);
-		z-index: 3;
-		position: fixed;
-		bottom: -3px;
-		right: -3px;
+	#threesixty {
+		display:inline;
 	}
 
 }
@@ -3131,12 +3140,8 @@ a[data-role="forgot-password"] {
 	.hero{
 		height: 500pt;
 	}
-	.mobile #scene:after{
-		content:url(/assets/img/360.png);
-		z-index: 3;
-		position: fixed;
-		bottom: -3px;
-		right: -3px;
+	#threesixty {
+		display:inline;
 	}
 	#keyhint {
 		display:none;
@@ -3151,12 +3156,8 @@ a[data-role="forgot-password"] {
 	.hero{
 		height: 500pt;
 	}
-	.mobile #scene:after{
-		content:url(/assets/img/360.png);
-		z-index: 3;
-		position: fixed;
-		bottom: -3px;
-		right: -3px;
+	#threesixty {
+		display:inline;
 	}
 	#keyhint {
 		display:none;
diff --git a/views/editor.ejs b/views/editor.ejs
index efc4b9d..656615c 100755
--- a/views/editor.ejs
+++ b/views/editor.ejs
@@ -35,6 +35,7 @@
 			</div>
 		</div>
 		
+		
 		<img src="/assets/img/keys.png" id="keyhint">
 
 	</div>
diff --git a/views/reader.ejs b/views/reader.ejs
index 09b702e..363015b 100644
--- a/views/reader.ejs
+++ b/views/reader.ejs
@@ -28,6 +28,7 @@
 	[[ include projects/layouts-modal ]]	
 	[[ include partials/sign-in ]]	
 <img src="/assets/img/keys.png" id="keyhint">
+<img src="/assets/img/360.png" id="threesixty">
 </body>
 [[ include partials/scripts ]]
 </html>
-- 
cgit v1.2.3-70-g09d2