Fixed edit controls for mobile devices

app/assets/stylesheets/_editor.scss

@@ -7,13 +7,13 @@ $white: #FFF !default;
 $black: #333 !default;
 
 .pen-icon {
-	font-size: 16px;
+	font-size: 1.15em;
-	line-height: 40px;
+	line-height: 2.5em;
-	min-width: 20px;
+	min-width: 1.25em;
 	font-style: normal;
 	display: block;
 	float: left;
-	padding: 0 10px;
+	padding: 0 0.625em;
 	height: 2.2em;
 	overflow: hidden;
 	color: $white;
@@ -31,7 +31,7 @@ $black: #333 !default;
 }
 
 .pen-menu, .pen-input {
-	font-size: 14px;
+	font-size: 1.16rem;
 	line-height: 1;
 }
 
@@ -42,7 +42,7 @@ $black: #333 !default;
 	left: 0;
 	top: 0;
 	height: 2.6em;
-	line-height: 20px;
+	line-height: 125em;
 	background-color: $black;
 	color: $white;
 	border: none;
@@ -56,15 +56,15 @@ $black: #333 !default;
 .pen-textarea {
 	display: block;
 	background: $white;
-	padding: 20px;
+	padding: 1.25em;
 }
 .pen textarea {
-	font-size: 14px;
+	font-size: 2.86em;
 	border: none;
 	background: none;
 	width: 100%;
-	_height: 200px;
+	_height: 70em;
-	min-height: 200px;
+	min-height: 70em;
 	resize: none;
 }
 
@@ -84,6 +84,7 @@ $black: #333 !default;
 	opacity: 0.9;
 	position: fixed;
 	height: 5.2em;
+	width: 18.4em;
 	border: 1px solid #333;
 	border-radius: 0.5em;
 	display:none;
@@ -210,3 +211,17 @@ $black: #333 !default;
 		}
 	}
 }
+
+@include breakpoint(0, medium) {
+	.pen-menu {
+		top: 0 !important;
+		left: 0 !important;
+		width: 100%;
+		font-size: 5.1vw;
+		border-radius: 0;
+
+		@include after {
+			display: none;
+		}
+	}
+}

config/locales/en.yml

@@ -5619,7 +5619,7 @@ en:
       aria:
         remove_interest: Click if you are no longer interested in this workshop
         show_interest: Click if you are interested in this workshop
-        add: Add new
+        'add': 'Add new'
   page_titles:
     '403':
       Access_Denied: Access Denied