Adjust a bunch of padding, especially mobile

bug: T197057
bug: T182389
Change-Id: I0fbbc037f32cd69375be9e0224967275a8fd9949

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;

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 {

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;
 }