From c6e260b5dd4b0647aeba73124c85714a5863b0c9 Mon Sep 17 00:00:00 2001
From: Tom Moor <tom.moor@gmail.com>
Date: Sun, 1 Oct 2017 16:00:18 -0700
Subject: [PATCH] Give stars some polish

---
 frontend/components/DocumentPreview/DocumentPreview.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/frontend/components/DocumentPreview/DocumentPreview.js b/frontend/components/DocumentPreview/DocumentPreview.js
index ad8002954..14ec4e2bd 100644
--- a/frontend/components/DocumentPreview/DocumentPreview.js
+++ b/frontend/components/DocumentPreview/DocumentPreview.js
@@ -24,9 +24,16 @@ const StyledStar = styled(({ solid, ...props }) => <Icon {...props} />).attrs({
   top: 1px;
   margin-left: 4px;
   opacity: ${props => (props.solid ? '1 !important' : 0)};
-  transition: opacity 100ms ease-in-out;
+  transition: all 100ms ease-in-out;
 
   ${props => props.solid && 'polygon { fill: #000};'}
+
+  &:hover {
+    transform: scale(1.1);
+  }
+  &:active {
+    transform: scale(0.95);
+  }
 `;
 
 const DocumentLink = styled(Link)`