CSS Refactor

assets/editor/main.html

@@ -70,7 +70,7 @@
         <span class="toolbar-sep"></span>
         <button type="button" class="btn btn-tool" data-action="wide"      data-key="Z" title="Toggle wide mode (Z)">⇔</button>
     </div>
-    <textarea name="content" id="editor" autofocus>{{.RawContent}}</textarea>
+    <textarea class="input editor-textarea" name="content" id="editor" autofocus>{{.RawContent}}</textarea>
 </form>
 <script src="/_/editor/lists.js"></script>
 <script src="/_/editor/tables.js"></script>

assets/editor/main.js

@@ -85,13 +85,13 @@
         var targetWrap = document.createElement('div');
         var targetInput = document.createElement('input');
         targetInput.type = 'text';
-        targetInput.className = 'modal-input';
+        targetInput.className = 'input';
         targetInput.placeholder = 'Page path or search…';
         targetWrap.appendChild(targetInput);
 
         var displayInput = document.createElement('input');
         displayInput.type = 'text';
-        displayInput.className = 'modal-input';
+        displayInput.className = 'input';
         displayInput.placeholder = 'Display text (optional)';
         if (sel) displayInput.value = sel;
 

assets/editor/movie.js

@@ -105,7 +105,7 @@ window.EditorMovie = (function () {
 
         var input = document.createElement('input');
         input.type = 'text';
-        input.className = 'modal-input';
+        input.className = 'input';
         input.placeholder = 'OMDb API key';
         body.appendChild(input);
 
@@ -128,7 +128,7 @@ window.EditorMovie = (function () {
     function importWithKey(textarea, key, initialTitle) {
         var input = document.createElement('input');
         input.type = 'text';
-        input.className = 'modal-input';
+        input.className = 'input';
         input.placeholder = 'Title, optionally with (YYYY)';
         input.value = initialTitle;