Fix #183

editor/scripts/editorProxy.js

@@ -32,7 +32,7 @@ var mainClosure = function() {
 			doc = document.createElement('DIV');
 			doc.setAttribute('contentEditable', 'true');
 			doc.id = 'tempEditDiv';
-			doc.setAttribute('style','border: none; padding: 10px; font-size: 20px; outline: none; min-height: calc(100% - 20px); word-wrap: break-word;');
+			doc.setAttribute('style','border: none; padding: 10px 10px 55px; font-size: 20px; outline: none; min-height: calc(100% - 20px); word-wrap: break-word;');
 			document.body.appendChild(doc);
 			//doc = document.getElementById('tempEditDiv');
 			document.execCommand('enableObjectResizing', false, 'true');

index.html

@@ -269,6 +269,7 @@ <h1><span id="currentFileLocation" style="display:none;"></span><span id="curren
           <a href="#" data-click="tab" data-click-name="design" data-l10n-id="design">Design</a>
           <div role="tabpanel">
             <iframe class="editor" id="editor" sandbox="allow-scripts" data-focus="hideToolbar" data-blur="showToolbar" src=""></iframe>
+            <button class="icon-more" id="hide-keyboard-button"></button>
             <div role="toolbar" id="edit-bar">
               <ul id="edit-zone">
                 <li><button class="sticky icon-bold" id="bold" data-click="formatDoc" data-click-action="bold"></button></li>
@@ -611,8 +612,8 @@ <h2 data-l10n-id="visual">Visual</h2>
               <aside class="pack-end">
                 <label>
                   <select id="nightmode-select">
-                    <option value="1" data-l10n-id="always-on">Always On</option>
                     <option value="0" data-l10n-id="always-off">Always Off</option>
+                    <option value="1" data-l10n-id="always-on">Always On</option>
                     <option selected value="2" data-l10n-id="auto">Auto</option>
                   </select>
                 </label>

scripts/firetext.js

@@ -1091,11 +1091,13 @@ function processActions(eventAttribute, target) {
 		} else if (calledFunction == 'hideToolbar') {
 			if (document.getElementById('currentFileType').textContent != '.txt') {
 				document.getElementById('edit-bar').style.display = 'none';
+				document.getElementById('hide-keyboard-button').classList.add('shown');
 				editor.classList.add('no-toolbar');
 			}
 		} else if (calledFunction == 'showToolbar') {
 			if (document.getElementById('currentFileType').textContent != '.txt') {
 				document.getElementById('edit-bar').style.display = 'block';
+				document.getElementById('hide-keyboard-button').classList.remove('shown');
 				editor.classList.remove('no-toolbar');
 			}
 		} else if (calledFunction == 'hyperlink') {

style/main.css

@@ -38,6 +38,26 @@ html, body {
   margin: 1rem;
 }
 
+#hide-keyboard-button {
+  position: fixed;
+  bottom: 0;
+  right: 1rem;
+  width: 5rem;
+  font-size: 2.5rem;
+    -moz-transform: rotate(0.5turn);
+    -webkit-transform: rotate(0.5turn);
+    -o-transform: rotate(0.5turn);
+    -ms-transform: rotate(0.5turn);
+  transform: rotate(0.5turn);
+  opacity: 0.4;
+  background: transparent;
+  display: none;
+}
+
+#hide-keyboard-button.shown {
+  display: inline-block; 
+}
+
 
 /* Fonts */
 @font-face {
@@ -311,24 +331,6 @@ aside select.dummy {
 }
 
 
-/* Browser */
-.top-button {
-  border-radius: 0;
-  border: none;
-  outline: none;
-  margin: 0;
-}
-
-#browserFrame {
-  width: 100%;
-  border: none;
-  outline: none;
-    height: -moz-calc(100% - 3.9rem);
-    height: -webkit-calc(100% - 3.9rem);
-  height: calc(100% - 3.9rem);
-}
-
-
 /* Spinner (Throbber) */
 .spinner {
   border-radius: 100%;