fix: docs home page style fix

City-of-Helsinki · Nov 21, 2024 · 20f3555 · 20f3555
1 parent ebd9d55
commit 20f3555
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 3 deletions.
diff --git a/site/src/components/LinkboxList.scss b/site/src/components/LinkboxList.scss
@@ -4,7 +4,7 @@
   column-gap: var(--spacing-layout-xs);
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(216px, 1fr));
-  margin-top: var(--spacing-layout-m);
+  margin-top: var(--spacing-layout-m) !important;
   row-gap: var(--spacing-layout-xs);
   width: 100%;
 }

diff --git a/site/src/components/layout.js b/site/src/components/layout.js
@@ -287,6 +287,7 @@ const Layout = ({ location, children, pageContext }) => {
               {versions.map((itemVersion, index) => (
                 <Header.ActionBarSubItem
                   label={`Version ${itemVersion}`}
+                  key={`Version ${itemVersion}`}
                   selected={itemVersion === versionNumber}
                   href={index > 0
                     ? hrefWithVersion(locationWithoutVersion, `release-${itemVersion}`)

diff --git a/site/src/components/layout.scss b/site/src/components/layout.scss
@@ -131,7 +131,7 @@ body {
 
 .front-page-link-list {
   box-sizing: border-box;
-  margin: 0 0 var(--spacing-layout-xl);
+  margin: var(--spacing-layout-m) 0 var(--spacing-layout-xl) 0;
   padding: 0 2px;
 
   @include x-large-and-above-screen {

diff --git a/site/src/docs/index.mdx b/site/src/docs/index.mdx
@@ -40,7 +40,7 @@ import FrontPageLinksList from '../components/FrontPageLinkList';
   >Getting started</Button>
 </Hero>
 
-<Container style={{ margin: '0 auto var(--spacing-layout-l)' }}>
+<Container style={{ margin: 'var(--spacing-layout-m) auto var(--spacing-layout-l) auto' }}>
   <FrontPageLinksList />
   <Image
     size="M"