diff --git a/src/components/board-buttons/board-buttons.module.css b/src/components/board-buttons/board-buttons.module.css index 423986ec..a1c3a79a 100644 --- a/src/components/board-buttons/board-buttons.module.css +++ b/src/components/board-buttons/board-buttons.module.css @@ -1,11 +1,14 @@ .mobileBoardButtons { text-align: center; - margin-bottom: 10px; +} + +.addMargin { + margin-bottom: 7px; } .mobileBoardButtons button { - margin: 0 2px; text-transform: capitalize; + margin: 5px 2px; } .mobileBoardButtons a, .desktopBoardButtons a { diff --git a/src/components/board-buttons/board-buttons.tsx b/src/components/board-buttons/board-buttons.tsx index aa109f6c..979500b7 100644 --- a/src/components/board-buttons/board-buttons.tsx +++ b/src/components/board-buttons/board-buttons.tsx @@ -185,7 +185,7 @@ export const MobileBoardButtons = () => { const subplebbitAddress = params?.subplebbitAddress || accountComment?.subplebbitAddress; return ( -
+
[ { return (
-
- -
+ {!useIsMobile() && ( +
+ +
+ )}
{title || `p/${shortAddress || subplebbitAddress}`} {isBoardOffline && } diff --git a/src/components/topbar/topbar.module.css b/src/components/topbar/topbar.module.css index 2afdf59b..bfb22c83 100644 --- a/src/components/topbar/topbar.module.css +++ b/src/components/topbar/topbar.module.css @@ -44,6 +44,7 @@ background-color: var(--topbar-mobile-background-color); border-bottom: var(--topbar-mobile-border-bottom); font-size: var(--topbar-mobile-font-size); + color: var(--topbar-mobile-button-text-color); position: fixed; width: 100%; z-index: 3; @@ -72,6 +73,7 @@ .boardSelect { float: left; + color: var(--homepage-box-link-text-color); } .pageJump { @@ -81,8 +83,8 @@ .pageJump a, .pageJump span { padding-right: 5px; - color: var(--homepage-box-link-text-color); text-decoration: var(--homepage-box-link-text-decoration); + cursor: pointer; } @media (max-width: 640px) { diff --git a/src/views/catalog/catalog-filters/catalog-filters.module.css b/src/views/catalog/catalog-filters/catalog-filters.module.css index 4ef358e7..843bd8cd 100644 --- a/src/views/catalog/catalog-filters/catalog-filters.module.css +++ b/src/views/catalog/catalog-filters/catalog-filters.module.css @@ -19,6 +19,10 @@ cursor: pointer; } +.filtersButton { + text-transform: capitalize; +} + .modal label, .modal button, .modal select { cursor: pointer; } diff --git a/src/views/catalog/catalog-filters/catalog-filters.tsx b/src/views/catalog/catalog-filters/catalog-filters.tsx index 8169dce2..2d64bb46 100644 --- a/src/views/catalog/catalog-filters/catalog-filters.tsx +++ b/src/views/catalog/catalog-filters/catalog-filters.tsx @@ -57,7 +57,7 @@ const CatalogFilters = () => { return ( <> - setShowModal(true)}> + setShowModal(true)}> {t('filters')} {showModal && }