Tweak showcase styles

This pushes the black text box up and to the left to leave more space for text.
nextstrain · Jun 12, 2024 · 4bc2acc · 4bc2acc
1 parent 9f72478
commit 4bc2acc
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/static-site/src/components/Cards/styles.tsx b/static-site/src/components/Cards/styles.tsx
@@ -41,14 +41,14 @@ export const CardOuter = styled.div<{$squashed: boolean}>`
 export const CardTitle = styled.div<{$squashed: boolean}>`
   font-family: ${(props) => props.theme.generalFont};
   font-weight: 500;
-  font-size: ${(props) => props.$squashed ? "22px" : "26px"};
+  font-size: ${(props) => props.$squashed ? "21px" : "25px"};
   @media (max-width: 768px) {
     font-size: 22px;
   }
   position: absolute;
   border-radius: 3px;
-  padding: 10px 20px 10px 20px;
-  top: 40px;
+  padding: 10px 20px 10px 10px;
+  top: 15px;
   left: 20px;
   color: white;
   background: rgba(0, 0, 0, 0.7);

diff --git a/static-site/src/components/splash/index.jsx b/static-site/src/components/splash/index.jsx
@@ -62,7 +62,7 @@ const Splash = () => {
       <HugeSpacer/>
 
       <Styles.H1>
-        Featured resources
+        Featured analyses
       </Styles.H1>
 
       <BigSpacer/>