added underlines to about page

Izzy-Snyder · Izzy-Snyder · commit 50c6d5824a6a · 2025-07-29T15:19:14.000-04:00
diff --git 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;
     }
   }
 

Original file line number	Diff line number	Diff line change
@@ -121,9 +121,11 @@ export const SectionItem = styled.div`
`121`	`121`	`& a {`
`122`	`122`	`font-weight: 700;`
`123`	`123`	`font-size: ${remSize(16)};`
	`124`	`+ text-decoration: underline;`
`124`	`125`
`125`	`126`	`&:hover {`
`126`	`127`	`text-decoration: underline;`
	`128`	`+ text-decoration-thickness: 0.1em;`
`127`	`129`	`}`
`128`	`130`	`}`
`129`	`131`
@@ -176,6 +178,7 @@ export const ContactHandles = styled.p`
`176`	`178`
`177`	`179`	`& a {`
`178`	`180`	`color: ${prop('logoColor')};`
	`181`	`+ text-decoration: underline;`
`179`	`182`
`180`	`183`	`&:hover {`
`181`	`184`	`text-decoration: underline;`
@@ -202,9 +205,11 @@ export const Footer = styled.div`
`202`	`205`	`& a {`
`203`	`206`	`margin: ${remSize(20)} 9.5% 0 0;`
`204`	`207`	`color: ${prop('logoColor')};`
	`208`	`+ text-decoration: underline;`
`205`	`209`
`206`	`210`	`&:hover {`
`207`	`211`	`text-decoration: underline;`
	`212`	`+ text-decoration-thickness: 0.1em;`
`208`	`213`	`}`
`209`	`214`	`}`
`210`	`215`