fixed css issue with text edit area

brain/views/dash/page-edit.twig

@@ -34,7 +34,7 @@
 {% endblock %}
 
 {% block stylesheets %}
-  <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=dfdfd">
+  <link rel="stylesheet" type="text/css" href="/assets/css/dash.css?=drtryu">
   {% endblock %}
 
   {% block mainContent %}

public/assets/css/dash.css

@@ -3242,17 +3242,6 @@ select {
   background: #1D3040;
   background: url("/assets/images/global/upload-video.png") no-repeat center center/cover;
 }
-#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn {
-  position: absolute;
-  margin: 20px;
-}
-#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn #new-feature-upload {
-  padding-top: 4px;
-  background: #EFEBE3;
-}
-#post-edit-index #post-edit-index-wrapper #post-feature #featured-new-image-btn #new-feature-upload svg {
-  fill: #fc6399;
-}
 #post-edit-index #post-edit-index-wrapper #edit-post {
   width: 100%;
   max-width: 880px;
@@ -3269,7 +3258,17 @@ select {
   border-color: #fc6399;
 }
 #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #edit, #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight {
-  /* Both elements need the same text and space styling so they are directly on top of each other */
+  border: 0;
+  width: 100%;
+  min-height: 300px;
+  height: auto;
+  position: absolute;
+  top: 0;
+  left: 0;
+  overflow: auto;
+  word-wrap: normal;
+  white-space: pre-wrap;
+  line-break: normal;
 }
 #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight-content {
   word-wrap: normal;
@@ -3290,6 +3289,28 @@ select {
 #post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight {
   z-index: 0;
 }
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre {
+  margin: 0;
+}
+#post-edit-index #post-edit-index-wrapper #edit-post #edit-post-wrapper #highlight pre code {
+  font-family: "Lucida Console", Monaco, monospace;
+  padding: 5px;
+  border-radius: 5px;
+  line-height: 1.6em;
+  font-size: 1.25em;
+  color: #fde3a7;
+  word-wrap: normal;
+  white-space: pre-wrap;
+  line-break: normal;
+  -webkit-line-break: normal;
+  -o-line-break: normal;
+  -moz-line-break: normal;
+  display: inline-block;
+  width: 100%;
+  max-width: 900px;
+  min-height: 200px;
+  caret-color: #fc6399;
+}
 
 @media only screen and (max-width: 800px) {
   #post-edit-index #post-edit-index-wrapper #post-header #post-title #post-date {

src/styles/main/_posts.sass

@@ -322,16 +322,6 @@
                             background: $primary
                             background: url('/assets/images/global/upload-video.png') no-repeat center center / cover
 
-            #featured-new-image-btn
-                position: absolute
-                margin: 20px
-
-                #new-feature-upload
-                    padding-top: 4px
-                    background: $white
-
-                    svg
-                        fill: $highlight
 
         #edit-post
             width: 100%
@@ -351,12 +341,7 @@
                     outline: none
                     border-color: $highlight
 
-                #edit
-                   // overflow: hidden !important
                 #edit, #highlight
-                  /* Both elements need the same text and space styling so they are directly on top of each other */
-                  //margin: 10px
-                  //padding: 10px
                     border: 0
                     width: 100%
                     min-height: 300px
@@ -386,7 +371,7 @@
                 #highlight
                     z-index: 0
 
-                //pre
+                    pre
                         margin: 0
                         code
                             font-family: $monoType