From 2dbe747918ca58d3de0534f2a26b8728e7cea904 Mon Sep 17 00:00:00 2001
From: Jeff Atwood <jatwood@codinghorror.com>
Date: Mon, 2 Feb 2015 14:43:10 -0800
Subject: [PATCH] emoji dialog UX tweaks

https://meta.discourse.org/t/idea-design-window-emoticons/24654
---
 app/assets/stylesheets/common/base/emoji.scss | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/app/assets/stylesheets/common/base/emoji.scss b/app/assets/stylesheets/common/base/emoji.scss
index 843309b69e2..e172ad3aa65 100644
--- a/app/assets/stylesheets/common/base/emoji.scss
+++ b/app/assets/stylesheets/common/base/emoji.scss
@@ -15,11 +15,12 @@ body img.emoji {
   margin-top: -100px;
   left: 50%;
   top: 50%;
-  background-color: white;
+  background-color: #dadada;
 }
 
 .emoji-page td {
-  border: 1px solid #eee;
+  border: 1px solid transparent;
+  background-color: white;
 }
 
 .emoji-page a {
@@ -32,13 +33,9 @@ body img.emoji {
 }
 
 .emoji-table-wrapper {
-  min-width: 444px;
+  min-width: 442px;
   min-height: 185px;
-}
-
-.emoji-page {
-  border-collapse: collapse;
-  margin: 3px;
+  background-color: white;
 }
 
 .emoji-modal-wrapper {
@@ -52,12 +49,9 @@ body img.emoji {
   background-color: black;
 }
 
-
 .emoji-modal .toolbar {
   margin: 0;
-  padding: 0;
-  margin-top: 10px;
-  margin-left: 5px;
+  margin-top: 8px;
   margin-bottom: 5px
 }