style: misc buttons

NIAID-Data-Ecosystem · May 30, 2024 · 13b46ad · 13b46ad
1 parent 41c74d6
commit 13b46ad
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/src/components/metadata/components/buttons.tsx b/src/components/metadata/components/buttons.tsx
@@ -51,6 +51,7 @@ export const OntologyButton = ({
           leftIcon={<Icon as={FaSitemap} />}
           fontSize='12px'
           fontWeight='medium'
+          color='gray.800'
           sx={{
             borderBottomColor: 'inherit',
             '.child-node': {
@@ -60,7 +61,13 @@ export const OntologyButton = ({
             },
             '.child-node p': { borderBottom: 'none' },
           }}
-          _visited={{ _hover: { borderBottomColor: 'inherit' } }}
+          _visited={{
+            '.child-node p, .child-node svg': {
+              borderBottom: 'none',
+              color: 'inherit',
+            },
+            _hover: { borderBottomColor: 'inherit' },
+          }}
         >
           <Text pt={0.25}>{label || inDefinedTermSet} </Text>
         </Button>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -221,8 +221,7 @@ const Home: NextPage<{
                             <Button
                               w='100%'
                               minWidth='150px'
-                              fontSize='sm'
-                              size='md'
+                              size='sm'
                               variant={index % 2 ? 'solid' : 'outline'}
                               my={[1, 2, 0]}
                               maxWidth={['unset', '250px']}