diff --git a/src/components/appList.js b/src/components/appList.js index 794b22a..c292b0e 100644 --- a/src/components/appList.js +++ b/src/components/appList.js @@ -31,6 +31,10 @@ const Link = styled.a` margin: 0; text-decoration: none; font-size: 1rem; + + &:hover { + text-decoration: underline; + } `; const Description = styled.p` diff --git a/src/components/bookmarkList.js b/src/components/bookmarkList.js index f6f03f7..0de7233 100644 --- a/src/components/bookmarkList.js +++ b/src/components/bookmarkList.js @@ -33,6 +33,10 @@ const Bookmark = styled.a` color: ${selectedTheme.accentColor}; padding: 10px 0 0 0; font-size: 14px; + + &:hover { + text-decoration: underline; + } `; const useBookmarkData = () => { diff --git a/src/components/elements.js b/src/components/elements.js index bff8a70..0ecd636 100644 --- a/src/components/elements.js +++ b/src/components/elements.js @@ -49,12 +49,20 @@ export const Button = styled.button` background: none; min-height: 3em; height: 100%; + + &:hover { + cursor: pointer; + } `; const StyledButton = styled.button` float: right; border: none; background: none; + + &:hover { + cursor: pointer; + } `; export const RefreshButton = styled(Button)`