diff --git a/resources/skins.citizen.styles/Pagetools.less b/resources/skins.citizen.styles/Pagetools.less index 33ff4973..a3c0d165 100644 --- a/resources/skins.citizen.styles/Pagetools.less +++ b/resources/skins.citizen.styles/Pagetools.less @@ -117,11 +117,6 @@ @media ( max-width: 500px ) { #page-tools { - position: relative; - margin-left: 0; - transform: none; - float: none; - #p-actions > nav ul { right: unset; } diff --git a/resources/skins.citizen.styles/common/common.less b/resources/skins.citizen.styles/common/common.less index fc55bff7..269a6dae 100644 --- a/resources/skins.citizen.styles/common/common.less +++ b/resources/skins.citizen.styles/common/common.less @@ -282,9 +282,8 @@ a { .firstHeading { margin: 0; - padding-top: 1.2rem; color: @base-10; - overflow: inherit; // black magic to wrap in small screen devices + overflow-wrap: break-word; // Break word instead of overflow if title is too long line-height: 1.2; } diff --git a/resources/skins.citizen.styles/common/toc.less b/resources/skins.citizen.styles/common/toc.less index b87a6102..d7845a1b 100644 --- a/resources/skins.citizen.styles/common/toc.less +++ b/resources/skins.citizen.styles/common/toc.less @@ -2,7 +2,7 @@ position: fixed; max-width: 450px; height: ~'calc( 100vh - @{header-height} * 2 - @{margin-side} * 2 )'; - top: @header-height + @margin-side; + top: @header-height; left: 0; padding: @margin-side; color: @base-70;