Merge pull request #972 from joachimschmidt557/css-progress-buttons-h…

…over Enlarge progress buttons when hovering
nextstrain · Mar 22, 2020 · 09ea95e · 09ea95e
2 parents b79aaff + c725804
commit 09ea95e
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/components/narrative/styles.js b/src/components/narrative/styles.js
@@ -163,11 +163,16 @@ export const ProgressButton = styled.div`
   background: #74a9cf;
   border-radius: 50%;
   cursor: pointer;
+  transition: transform .1s;
 
   // BEGIN: mitigate ie flexbug-15: https://github.com/philipwalton/flexbugs#flexbug-15
   align-self: center;
   margin: auto;
   // END mitigate ie flexbug-15
+
+  &:hover {
+    transform: scale(3);
+  }
 `;
 
 const baseBannerStyles = css`