fix: broader underlining

metrotranscom · Oct 25, 2023 · 032dc11 · 032dc11
1 parent 32c4efa
commit 032dc11
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 12 deletions.
diff --git a/doorway-ui-components/src/page_components/help-center/DoorwayLinkableCardGroup.scss b/doorway-ui-components/src/page_components/help-center/DoorwayLinkableCardGroup.scss
@@ -5,6 +5,14 @@
   @media (max-width: $screen-lg) {
     flex-direction: column;
   }
+  a {
+    text-decoration: underline;
+    color: var(--bloom-color-primary-lighter);
+
+    &:hover {
+      color: var(--bloom-color-primary-light);
+    }
+  }
 }
 
 .doorway-linkable-card-group_nav {
@@ -15,14 +23,3 @@
     padding: var(--doorway-standard-spacing);
   }
 }
-
-.doorway-linkable-card-group_main {
-  a {
-    text-decoration: underline;
-    color: var(--bloom-color-primary-lighter);
-
-    &:hover {
-      color: var(--bloom-color-primary-light);
-    }
-  }
-}
diff --git a/doorway-ui-components/src/page_components/help-center/DoorwayLinkableCardGroup.tsx b/doorway-ui-components/src/page_components/help-center/DoorwayLinkableCardGroup.tsx
@@ -34,7 +34,7 @@ const DoorwayLinkableCardGroup = (props: DoorwayLinkableCardGroupProps) => {
       <div className="doorway-linkable-card-group_nav font-serif mt-4">
         <Card className="border-0 space-y-5">{getLinks()}</Card>
       </div>
-      <div className="doorway-linkable-card-group_main">
+      <div>
         {props.children}
         {props.cards}
       </div>