From 4063d48e2b55b858c2462e1db93c41eca18d28b9 Mon Sep 17 00:00:00 2001
From: Jeremy Dormitzer <jdormitzer@hubspot.com>
Date: Sat, 20 Jan 2018 17:56:30 -0500
Subject: [PATCH] Style item links

---
 ext/css/sidebar.css           | 13 +++++++++++++
 src/looped_in/components.cljs |  3 ++-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/ext/css/sidebar.css b/ext/css/sidebar.css
index 7f63a21..ee4e2aa 100644
--- a/ext/css/sidebar.css
+++ b/ext/css/sidebar.css
@@ -275,6 +275,19 @@ html, body {
     box-shadow: 0 2px 8px rgba(12, 12, 13, 0.1);
 }
 
+.itemLink {
+    width: 20px;
+    height: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+}
+
+.itemLink:hover {
+    cursor: default;
+    background-color: #d7d7db;
+}
+
 .card.child {
     border-left: 4px solid #b1b1b3;
 }
diff --git a/src/looped_in/components.cljs b/src/looped_in/components.cljs
index 577e612..ded571f 100644
--- a/src/looped_in/components.cljs
+++ b/src/looped_in/components.cljs
@@ -63,7 +63,8 @@
 (defn item-link [id]
   (with-listener
     (dom/createDom "a"
-                   (clj->js {:href (str "https://news.ycombinator.com/item?id=" id)
+                   (clj->js {:class "itemLink"
+                             :href (str "https://news.ycombinator.com/item?id=" id)
                              :target "_blank"})
                    (dom/createDom "img"
                                   (clj->js {:src "icons/open-in-new-16.svg"