Keep consistency between icons in multiple markdown editors

app/styles/components/markitup.scss

@@ -24,6 +24,10 @@
     padding: 0;
 }
 
+.markdown {
+    position: relative;
+}
+
 .preview {
     .actions {
         background: $whitish;

app/styles/modules/common/attachments.scss

@@ -98,7 +98,7 @@
         }
         .icon-edit,
         .icon-floppy {
-            right: 4rem;
+            right: 3.5rem;
         }
         .icon-delete {
             right: 2rem;

app/styles/modules/common/history.scss

@@ -1,6 +1,5 @@
 .history {
     margin-bottom: 1rem;
-    padding: 0 1rem;
 }
 .changes-title {
     display: block;
@@ -66,7 +65,22 @@
 }
 .add-comment {
     @include clearfix;
+    &.active {
+        .button-green {
+            display: block;
+        }
+        textarea {
+            @include transition(height .3s ease-in);
+            height: 6rem;
+        }
+        .preview-icon {
+            opacity: 1;
+            position: absolute;
+            right: 1rem;
+        }
+    }
     textarea {
+        background: $white;
         float: left;
         height: 41px;
         margin-bottom: .5rem;
@@ -79,14 +93,11 @@
     .button-green {
         display: none;
     }
-    &.active {
+    .edit,
-        .button-green {
+    .preview-icon {
-            display: block;
+        opacity: 0;
-        }
+        position: absolute;
-        textarea {
+        right: 1rem;
-            @include transition(height .3s ease-in);
-            height: 6rem;
-        }
     }
 }
 a.show-more-comments {