1 files changed, 22 insertions, 0 deletions
diff --git a/web-ui/app/scss/views/_close-button.scss b/web-ui/app/scss/views/_close-button.scss
new file mode 100644
index 00000000..37171c18
--- /dev/null
+++ b/web-ui/app/scss/views/_close-button.scss
@@ -0,0 +1,22 @@
+.close-mail-button {
+    $button-size: 27px;
+
+    margin-right: 3px;
+    float: left;
+    background: $lighter_gray;
+    color: $medium_light_grey;
+    width: $button-size;
+    height: $button-size;
+    padding: 0;
+    border-radius: 0;
+
+    &:hover, &:focus, &:active {
+        background-color: darken($lighter_gray, 2);
+        color: darken($medium_light_grey, 10);
+    }
+
+    i {
+        padding: 0;
+        margin: 0;
+    }
+}