fix position of emoi in sidebar

frontend/src/questions/components/EmojiIcon.jsx

@@ -3,7 +3,7 @@ import React, { Component, PropTypes } from "react";
 import { emoji } from "metabase/lib/emoji";
 
 const EmojiIcon = ({ size = 18, style, className, name }) =>
-    <span className={className} style={{ width: size, height: size, lineHeight: 1, ...style }}>
+    <span className={className} style={{ width: size, height: size, ...style }}>
         {emoji[name].react}
     </span>
 

frontend/src/questions/components/LabelIcon.jsx

@@ -6,9 +6,9 @@ import Icon from "metabase/components/Icon.jsx";
 import EmojiIcon from "./EmojiIcon.jsx";
 import cx from "classnames";
 
-const LabelIcon = ({ icon = "", size = 18, className }) =>
+const LabelIcon = ({ icon = "", size = 18, className, style }) =>
     icon.charAt(0) === ":" ?
-        <EmojiIcon className={cx(S.icon, S.emojiIcon, className)} name={icon} size={size} />
+        <EmojiIcon className={cx(S.icon, S.emojiIcon, className)} name={icon} size={size} style={style} />
     : icon.charAt(0) === "#" ?
         <span className={cx(S.icon, S.colorIcon, className)} style={{ backgroundColor: icon, width: size, height: size }}></span>
     :

frontend/src/questions/components/LabelIconPicker.css

@@ -30,6 +30,7 @@
     border: 1px solid rgb(235,235,235);
     border-radius: 3px;
     background-color: rgb(248,248,248);
+    cursor: pointer;
 }
 
 :local(.dropdownButton) {

frontend/src/questions/components/Sidebar.jsx

@@ -36,7 +36,7 @@ const QuestionSidebarSectionTitle = ({ name, href }) =>
 const QuestionSidebarItem = ({ name, icon, href }) =>
     <li>
         <Link to={href} className={S.item} activeClassName={S.selected}>
-            <LabelIcon icon={icon} />
+            <LabelIcon icon={icon} style={{ lineHeight: 1 }} />
             <span className={S.name}>{name}</span>
         </Link>
     </li>