Fix a bunch of VE alignment issues

Bug: T205149
Change-Id: I7a839fa95b42cfd541da5880ad70a76be607c7d8

resources/extensions/VisualEditor.core.less

@@ -1,17 +1,11 @@
 @import '../variables.less';
 
 @media screen {
-	.ve-ui-toolbar,
-	.ve-ui-overlay-global,
-	.ve-ui-overlay-local {
-		font-size: 0.842105em;
-	}
-
+	@media ( min-width: @desktop-small-floor ) {
 		.ve-init-mw-desktopArticleTarget-toolbar {
-		margin: -0.875em -2.375em 0;
+			margin: -1.125em -@content-padding 0;
 		}
 
-	// Still need a way to make it show up right away (instead of initially disappearin under the page header)
 		.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
 			top: @fixed-header-height + @color-height;
 		}
@@ -27,14 +21,19 @@
 			padding-left: @content-padding;
 			padding-right: @content-padding;
 		}
+	}
 
 	@media ( min-width: @desktop-small-floor ) and ( max-width: @desktop-small-width ) {
-		.ve-ui-toolbar {
-			margin-top: -0.5em;
+		.ve-init-mw-desktopArticleTarget-toolbar {
+			margin-top: -0.285em;
 		}
 	}
 
 	@media ( max-width: @mobile-width ) {
+		.ve-init-mw-desktopArticleTarget-toolbar {
+			margin: -0.125em -0.45em 0;
+		}
+
 		.ve-ui-toolbar-floating > .oo-ui-toolbar-bar {
 			top: 0;
 		}

resources/screen-mobile.less

@@ -275,7 +275,6 @@ div.thumb {
 }
 
 .mw-body {
-	overflow: auto;
 	border: 0;
 
 	/* Keep images from overflowing */
@@ -287,6 +286,7 @@ div.thumb {
 
 #mw-content {
 	padding: @content-padding;
+	border-width: 0;
 }
 
 #mw-content-block {