From 3db5a03f5ce79c20e2adb6185f0e304e26ce3b2c Mon Sep 17 00:00:00 2001
From: Wyatt Hoodes <hoodesw@hawaii.edu>
Date: Sun, 14 Apr 2019 10:49:51 -1000
Subject: [PATCH] compose.scss: Fix alignment of "markdown preview" icons.

Removed the preview tag from the css rule, reduced the undo preview tag
to a font-size of 15px.

The preview tag being attached to the rule proved unnecessary. The icon
for reverting back to an editing state also dipped below the horizontal
level of the icon row.
---
 static/styles/compose.scss | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/static/styles/compose.scss b/static/styles/compose.scss
index 0083f0e50a..3a47460102 100644
--- a/static/styles/compose.scss
+++ b/static/styles/compose.scss
@@ -472,12 +472,17 @@ a.message-control-button:hover {
     min-height: 42px;
 }
 
-a#markdown_preview,
+a#markdown_preview {
+    margin-left: 2px;
+    color: hsl(0, 0%, 47%);
+}
+
 a#undo_markdown_preview {
     text-decoration: none;
     position: relative;
-    font-size: 16px;
+    font-size: 15px;
     color: hsl(0, 0%, 47%);
+    margin-left: 2px;
 }
 
 #markdown_preview_spinner {