From 73a0f109e806515472bea9ae12ee72890f38f44c Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Tue, 29 Mar 2016 23:57:44 -0700
Subject: [PATCH] correct weird editor borders on mobile

---
 app/assets/stylesheets/mobile/compose.scss | 20 +++++++++-----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/app/assets/stylesheets/mobile/compose.scss b/app/assets/stylesheets/mobile/compose.scss
index 3de80c94786..3e110c70c6c 100644
--- a/app/assets/stylesheets/mobile/compose.scss
+++ b/app/assets/stylesheets/mobile/compose.scss
@@ -131,6 +131,7 @@ input {
         margin-top: 6px;
         width: 99%;
         box-sizing: border-box;
+        border: 1px solid $secondary;
       }
       .wmd-controls {
         transition: top 0.3s ease;
@@ -176,9 +177,15 @@ input {
     }
     .d-editor-input {
       color: dark-light-choose(darken($primary, 40%), blend-primary-secondary(90%));
-    }
-    .d-editor-input {
       bottom: 35px;
+      width: 100%;
+      height: 100%;
+      padding: 7px;
+      margin: 0;
+      background-color: $secondary;
+      word-wrap: break-word;
+      box-sizing: border-box;
+      border: 1px solid $secondary;
     }
     .submit-panel {
       // need minimum width that fits, or this'll wrap cancel under submit/create which is super bad
@@ -269,15 +276,6 @@ input {
         z-index: 1000001;
       }
     }
-    .d-editor-input {
-      width: 100%;
-      height: 100%;
-      padding: 7px;
-      margin: 0;
-      background-color: $secondary;
-      word-wrap: break-word;
-      box-sizing: border-box;
-    }
     .d-editor-textarea-wrapper {
       position: relative;
       box-sizing: border-box;