diff --git a/src/frontend/styles/components/page.pcss b/src/frontend/styles/components/page.pcss index e8d6359..4727f42 100644 --- a/src/frontend/styles/components/page.pcss +++ b/src/frontend/styles/components/page.pcss @@ -48,6 +48,10 @@ &-button { margin-left: 20px; text-decoration: none; + + @media (--mobile) { + margin-left: auto; + } } } diff --git a/src/frontend/styles/components/sidebar.pcss b/src/frontend/styles/components/sidebar.pcss index ae29f06..5fc4ef5 100644 --- a/src/frontend/styles/components/sidebar.pcss +++ b/src/frontend/styles/components/sidebar.pcss @@ -60,13 +60,12 @@ } @media (--tablet) { - margin: 0 -8px; display: none; } @media (--mobile) { - margin: 0 -8px; display: none; + padding: var(--layout-padding-vertical) 7px; } &--visible { diff --git a/src/frontend/styles/vars.pcss b/src/frontend/styles/vars.pcss index 91c6d1d..4f16c94 100644 --- a/src/frontend/styles/vars.pcss +++ b/src/frontend/styles/vars.pcss @@ -148,7 +148,7 @@ * The common styles for the Page blocks as well as Editor blocks */ --content-block { - padding: 10px 0; + margin: 20px 0; } /** @@ -184,7 +184,7 @@ * Common styles for text headings (H2, H3, H4) */ --text-header { - margin: 18px 0 0; + margin: 28px 0 0; line-height: 1.35em; }