sweet ass portrait message

2 files changed, 45 insertions, 8 deletions

diff --git a/public/assets/javascripts/ui/editor/HelpCursor.js b/public/assets/javascripts/ui/editor/HelpCursor.js
index 9b6807e..3bcfd7a 100644
--- a/public/assets/javascripts/ui/editor/HelpCursor.js
+++ b/public/assets/javascripts/ui/editor/HelpCursor.js
@@ -5,7 +5,7 @@ var HelpCursor = View.extend({
 	active: false,
 	
 	messages: {
-	  start: "Welcome to Vvalls!  Click one of the tools at right to learn about it.",
+	  start: "Welcome to VValls!  Click one of the tools at right to learn about it.",
 	  media: "This is where you pick media to go on the walls.  You can upload media and paste links.",
 	  addmedia: "Great, now click a wall to place this image.",
 	  resize: "Drag the image to position it, or use the dots to resize.",
diff --git a/public/assets/stylesheets/app.css b/public/assets/stylesheets/app.css
index 44247ef..c1f872f 100755
--- a/public/assets/stylesheets/app.css
+++ b/public/assets/stylesheets/app.css
@@ -1502,7 +1502,7 @@ border-left: 1px solid black;
 	transition: transform 0.2s;
 }
 .vvbox .colors span:hover {
-	transform: translateX(3px) translateY(-3px);
+	transform: translateX(2px) translateY(-2px);
 }
 
 .toolButton {
@@ -1735,14 +1735,18 @@ input[type="range"]::-webkit-slider-thumb {
 #helpCursor {
   position: fixed;
   max-width: 200px;
-  font-size: 13px;
+  font-size: 15px;
   color: black;
-  background: #fff;
+  background: rgba(255,255,255,0.9);
   margin: 8px 0 0 8px;
-  padding: 4px;
-  font-weight: 500;
+  padding: 10px;
+  font-weight: 600;
   z-index: 22;
   display: none;
+	margin-left:-210px;
+	margin-bottom:20px;
+	border:1px solid;
+	box-shadow:3px 3px black;
 }
 
 .settings.info {
@@ -2610,7 +2614,40 @@ a[data-role="forgot-password"] {
 		margin: 20px 0;
 	}
 	.projectList .room {
-	width: 100%;
-	height: 260px;
+		width: 100%;
+		height: 260px;
+	}
+	.aboutRoom {
+		width: 170px;
+		padding: 6px 8px 8px 8px;
+	}
+	.aboutRoom h2 {
+	font-size: 13px;
+	margin: 1px 0 0 0;
 	}
+	.aboutRoom h1 a, .aboutRoom h1 {
+		font-size: 16px;
+	}
+}
+
+@media screen and (orientation:portrait) {
+		.aboutRoom {
+			display:none;
+		}
+		body:after{
+			content:"Hey there! For best viewing we suggest flipping your device sideways and spinning around in circles :)";
+			z-index: 3;
+			border: 1px solid;
+			position: fixed;
+			display: inline-block;
+			background: white;
+			box-shadow: -3px 3px;
+			width: 170px;
+			background: rgba(255,255,255,0.95);
+			padding: 6px 8px 8px 8px;
+			position: fixed;
+			bottom: 10px;
+			left: 10px;
+			border: 1px solid;
+		}
 }
\ No newline at end of file