diff --git a/client/modules/About/About.styles.js b/client/modules/About/About.styles.js index 59439addb4..0714e39608 100644 --- a/client/modules/About/About.styles.js +++ b/client/modules/About/About.styles.js @@ -121,9 +121,11 @@ export const SectionItem = styled.div` & a { font-weight: 700; font-size: ${remSize(16)}; + text-decoration: underline; &:hover { text-decoration: underline; + text-decoration-thickness: 0.1em; } } @@ -176,6 +178,7 @@ export const ContactHandles = styled.p` & a { color: ${prop('logoColor')}; + text-decoration: underline; &:hover { text-decoration: underline; @@ -202,9 +205,11 @@ export const Footer = styled.div` & a { margin: ${remSize(20)} 9.5% 0 0; color: ${prop('logoColor')}; + text-decoration: underline; &:hover { text-decoration: underline; + text-decoration-thickness: 0.1em; } } diff --git a/client/modules/IDE/components/CollectionList/CollectionListRow.jsx b/client/modules/IDE/components/CollectionList/CollectionListRow.jsx index c646b2dcb7..a2096fc788 100644 --- a/client/modules/IDE/components/CollectionList/CollectionListRow.jsx +++ b/client/modules/IDE/components/CollectionList/CollectionListRow.jsx @@ -34,6 +34,12 @@ const SketchsTableRow = styled.tr` a { color: ${prop('primaryTextColor')}; + text-decoration: underline; + + &:hover { + text-decoration: underline; + text-decoration-thickness: 0.1em; + } } &.is-deleted > * { diff --git a/client/styles/components/_sketch-list.scss b/client/styles/components/_sketch-list.scss index 19700bf4db..300db8a1d8 100644 --- a/client/styles/components/_sketch-list.scss +++ b/client/styles/components/_sketch-list.scss @@ -148,8 +148,10 @@ .sketches-table__row a { @include themify() { + text-decoration: underline; color: getThemifyVariable("primary-text-color"); } + } .sketches-table__row.is-deleted > * { @@ -186,4 +188,5 @@ @include themify() { color: getThemifyVariable("logo-color"); } + text-decoration-thickness: 0.1em; } \ No newline at end of file