diff --git a/site/src/components/common/ResearchCard/ResearchCard.module.scss b/site/src/components/common/ResearchCard/ResearchCard.module.scss index 3474d561..9bf6fb40 100644 --- a/site/src/components/common/ResearchCard/ResearchCard.module.scss +++ b/site/src/components/common/ResearchCard/ResearchCard.module.scss @@ -60,5 +60,4 @@ .tag { transition: border 0.3s ease; - border: size(1) solid $grey; } diff --git a/site/src/components/pages/PostPage/PostPage.module.scss b/site/src/components/pages/PostPage/PostPage.module.scss index 5796abae..da05f982 100644 --- a/site/src/components/pages/PostPage/PostPage.module.scss +++ b/site/src/components/pages/PostPage/PostPage.module.scss @@ -53,6 +53,10 @@ display: none; transition: opacity 0.3s ease; + align-items: center; + + @include button-small; + @include hover { opacity: 0.5; } @@ -60,13 +64,14 @@ @include mobile { width: 100%; display: inline-flex; - padding: size($spacing12) 0; + margin-top: 0; + padding: 0; } } .arrow { transform: rotate(270deg); - width: size(18); + width: size(14); height: size(14); margin-right: size($spacing8); } @@ -247,6 +252,10 @@ word-wrap: normal; @include paragraph; + + @include mobile { + max-width: size(335); + } } a { diff --git a/site/src/components/pages/PostPage/PostPage.tsx b/site/src/components/pages/PostPage/PostPage.tsx index f1ad4464..86d867ff 100644 --- a/site/src/components/pages/PostPage/PostPage.tsx +++ b/site/src/components/pages/PostPage/PostPage.tsx @@ -30,7 +30,7 @@ type PostPageProps = { const ArrowButton = ({ className }: ArrowButtonProps) => ( ) diff --git a/site/src/components/pages/Research/ResearchLayout/ResearchLayout.module.scss b/site/src/components/pages/Research/ResearchLayout/ResearchLayout.module.scss index 753e7e05..e741bb95 100644 --- a/site/src/components/pages/Research/ResearchLayout/ResearchLayout.module.scss +++ b/site/src/components/pages/Research/ResearchLayout/ResearchLayout.module.scss @@ -114,7 +114,6 @@ @include mobile { flex-wrap: nowrap; - overflow-x: auto; margin-bottom: 0; background-color: $gray900; }