From a5febca9ce6c2b0fcdb00b41d2537a75a4222aca Mon Sep 17 00:00:00 2001
From: Jeremy Dormitzer <jdormitzer@hubspot.com>
Date: Tue, 30 Jan 2018 23:50:33 -0700
Subject: [PATCH] Fix jitter on icon change

---
 ext/css/sidebar.css        | 10 +++++++---
 src/looped_in/sidebar.cljs |  4 ++--
 2 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/ext/css/sidebar.css b/ext/css/sidebar.css
index 38497d5..6a05d17 100644
--- a/ext/css/sidebar.css
+++ b/ext/css/sidebar.css
@@ -380,10 +380,14 @@ html, body {
     margin-right: 4px;
 }
 
+.headerIcon.nonClickable {
+    margin-left: 4px;
+    margin-right: 8px;
+}
+
 .headerIcon.iconButton {
-    padding: 0;
-    width: 16px;
-    height: 20px;
+    width: 24px;
+    height: 28px;
 }
 
 .spinner {
diff --git a/src/looped_in/sidebar.cljs b/src/looped_in/sidebar.cljs
index 60c58e6..c8b0719 100644
--- a/src/looped_in/sidebar.cljs
+++ b/src/looped_in/sidebar.cljs
@@ -81,7 +81,7 @@
   (cond
     (:loading state) (list (components/sidebar-header (components/with-classes
                                                         (components/header-icon "icons/icon48.png")
-                                                        "headerIcon"))
+                                                        "headerIcon" "nonClickable"))
                            (components/sidebar-content (components/loader)))
     (:item state) (list
                    (components/sidebar-header (dom/createDom
@@ -148,7 +148,7 @@
     (:hits state) (list
                    (components/sidebar-header (components/with-classes
                                                 (components/header-icon "icons/icon48.png")
-                                                "headerIcon"))
+                                                "headerIcon" "nonClickable"))
                    (apply
                     components/sidebar-content
                     (map (fn [hit]