diff --git a/src/features/online-board/components/OnlineBoardFilter.scss b/src/features/online-board/components/OnlineBoardFilter.scss index 27d2c35a..68eaace5 100644 --- a/src/features/online-board/components/OnlineBoardFilter.scss +++ b/src/features/online-board/components/OnlineBoardFilter.scss @@ -150,10 +150,21 @@ margin-top: vars.$space-xl; width: 100%; height: vars.$standard-button-height; + background-color: colors.$blue; + color: colors.$white; + border: none; + border-radius: vars.$border-radius; + cursor: pointer; + transition-duration: 0.2s; + + &:hover { + background-color: colors.$blue--hover; + } span { font-weight: fonts.$font-bold; font-size: fonts.$font-size-m; + color: colors.$white; } } diff --git a/src/ui/layout/PageLayout.scss b/src/ui/layout/PageLayout.scss index c44833cb..ed18b4d6 100644 --- a/src/ui/layout/PageLayout.scss +++ b/src/ui/layout/PageLayout.scss @@ -87,6 +87,10 @@ } &__title { + width: calc(100% - 120px); + } + + &__title--fullwidth { width: 100%; } diff --git a/src/ui/layout/PageLayout.tsx b/src/ui/layout/PageLayout.tsx index 3bb2aded..e0f6369b 100644 --- a/src/ui/layout/PageLayout.tsx +++ b/src/ui/layout/PageLayout.tsx @@ -45,9 +45,11 @@ export const PageLayout: FC = ({ {contentLeft}
-
- {stickyContent} -
+ {stickyContent && ( +
+ {stickyContent} +
+ )} {children}