diff --git a/resources/extensions/Echo.less b/resources/extensions/Echo.less index a61d226..15481f2 100644 --- a/resources/extensions/Echo.less +++ b/resources/extensions/Echo.less @@ -89,7 +89,7 @@ #personal-extra { position: absolute; top: 0.9em; - right: 11.75em; + right: 8.75em; li { margin-right: 1.25em; diff --git a/resources/screen-common.less b/resources/screen-common.less index 8834591..7673131 100644 --- a/resources/screen-common.less +++ b/resources/screen-common.less @@ -13,7 +13,7 @@ body { color: @text; background: @background-dark; font-size: @font-size; - line-height: 1.4; + line-height: 1.5; } #mw-content { @@ -497,7 +497,7 @@ pre { } p { - margin: 0.9em 0 0.8em; + margin: 1em 0; } ul { diff --git a/resources/screen-mobile.less b/resources/screen-mobile.less index 64c6079..5d8e99b 100644 --- a/resources/screen-mobile.less +++ b/resources/screen-mobile.less @@ -1,5 +1,8 @@ @import 'variables.less'; +// Override default here because mobile narrow +@content-padding: 0.45em; + /* Layout */ #mw-footer { @@ -118,7 +121,7 @@ } #user-tools h2 { - right: @content-padding + 0.5em; + right: @content-padding + 0.75em; .background-image-svg( 'images/user-large-grey.svg', 'images/user-large-grey.png' ); } @@ -135,7 +138,7 @@ } #site-tools h2 { - right: 7em; + right: @content-padding + 4.5em; .background-image-svg( 'images/gear-large-grey.svg', 'images/gear-large-grey.png' ); } @@ -144,7 +147,7 @@ #p-logo-text { position: absolute; top: 0.75em; - left: 6em; + left: @content-padding + 4em; text-align: left; a { @@ -264,6 +267,10 @@ div.thumb { } } +#mw-content { + padding: @content-padding; +} + #mw-content-block { background: @background; }