diff --git a/src/components/SistentNavigation/intra-page.js b/src/components/SistentNavigation/intra-page.js index 6c74497a95bbb0..5f108f26eb7020 100644 --- a/src/components/SistentNavigation/intra-page.js +++ b/src/components/SistentNavigation/intra-page.js @@ -4,6 +4,7 @@ import styled from "styled-components"; const JoinCommunityWrapper = styled.div` width: 18rem; + margin-top: -5rem; @media screen and (max-width: 750px) { display: none; @@ -13,12 +14,8 @@ const JoinCommunityWrapper = styled.div` display: none; } .intra-page { - position: sticky; - top: 17rem; - right: 0rem; margin-right: 1rem; - margin-top: 17rem; - padding-bottom: 5rem; + padding-bottom: 3rem; padding-right: 2rem; align-items: left; justify-content: space-around; @@ -36,7 +33,6 @@ const JoinCommunityWrapper = styled.div` ul { list-style: none; - top: 3rem; li { padding-bottom: 0.5rem; padding-top: 0.5rem; @@ -72,7 +68,7 @@ function IntraPage() { id: a.id, link: `#${a.id}`, text: a.id, - })) + })), ); } }, []); diff --git a/src/components/SistentNavigation/pagination.style.js b/src/components/SistentNavigation/pagination.style.js index 8ae9c5570b0a20..a3c4449cb611c0 100644 --- a/src/components/SistentNavigation/pagination.style.js +++ b/src/components/SistentNavigation/pagination.style.js @@ -4,7 +4,7 @@ const TocPaginationWrapper = styled.div` display: flex; gap: 1rem; justify-content: center; - margin: 3rem 2rem 4rem 2rem; + margin: 3rem 2rem 2rem 2rem; @media screen and (max-width: 540px) { margin: 0 0 2rem 0; diff --git a/src/components/handbook-navigation/intra-page.js b/src/components/handbook-navigation/intra-page.js index 117c6656f0222b..b3859ece1b0a10 100644 --- a/src/components/handbook-navigation/intra-page.js +++ b/src/components/handbook-navigation/intra-page.js @@ -6,11 +6,8 @@ const JoinCommunityWrapper = styled.div` display: none; } .intra-page { - position: sticky; - top: 10rem; - right: 0rem; margin-right: 1rem; - padding-bottom: 5rem; + padding-bottom: 3rem; padding-right: 2rem; align-items: left; justify-content: space-around; @@ -19,7 +16,6 @@ const JoinCommunityWrapper = styled.div` overflow: hidden; ul { list-style: none; - top: 3rem; li { padding-bottom: 0.5rem; padding-top: 0.5rem; diff --git a/src/components/legal-navigation/intra-page.js b/src/components/legal-navigation/intra-page.js index 81298378c8611c..96ec9f6d001960 100644 --- a/src/components/legal-navigation/intra-page.js +++ b/src/components/legal-navigation/intra-page.js @@ -7,11 +7,8 @@ const JoinCommunityWrapper = styled.div` display: none; } .intra-page { - position: sticky; - top: 10rem; - right: 0rem; margin-right: 1rem; - padding-bottom: 5rem; + padding-bottom: 3rem; padding-right: 2rem; align-items: left; justify-content: space-around; @@ -29,7 +26,6 @@ const JoinCommunityWrapper = styled.div` ul { list-style: none; - top: 3rem; li { padding-bottom: 0.5rem; padding-top: 0.5rem; diff --git a/src/sections/Projects/Sistent/sistent.style.js b/src/sections/Projects/Sistent/sistent.style.js index 2b0221efb59c24..c860ff6e6e1adb 100644 --- a/src/sections/Projects/Sistent/sistent.style.js +++ b/src/sections/Projects/Sistent/sistent.style.js @@ -40,11 +40,20 @@ const SistentWrapper = styled.div` } .page-container { display: flex; - align-items: flex-start; - justify-content: space-between; - gap: 2rem; + justify-content: start; + gap: 3rem; + max-width: 1600px; + margin: 0 auto; + padding: 0 2rem; + box-sizing: border-box; + + .page-section > div:first-child { + max-width: none; + } + @media screen and (max-width: 750px) { display: block; + padding: 0; } }