Kill some more stupid padding and add some comments

Bug: T197057
Change-Id: I44dca71602e7bdcb404e56df9274b8a86f410a6e

resources/screen-desktop-full.less

@@ -1,5 +1,7 @@
 @import 'variables.less';
 
+// Three-column layout
+
 #mw-content-block {
 	.flex-display;
 	clear: both;

resources/screen-desktop-mid.less

@@ -1,5 +1,7 @@
 @import 'variables.less';
 
+// Two-column layout
+
 #mw-content-block {
 	clear: both;
 }

resources/screen-desktop-small.less

@@ -1,5 +1,7 @@
 @import 'variables.less';
 
+// Single-column layout with dropdown menus
+
 // Redundant sidebar category list and stuff
 
 #mw-content-block {

resources/screen-desktop.less

@@ -9,6 +9,7 @@
 
 .ts-inner {
 	max-width: @content-width;
+	box-sizing: border-box;
 	padding: 0 1em;
 	margin: auto;
 }

resources/screen-misc.less

@@ -1,32 +1,5 @@
 @import 'variables.less';
 
-// Let's add some unnecessary white space. Or grey, as it were. In the dumbest possible way.
-
-// Top end of large screens
-@media screen and ( min-width: 1425px ) {
-	.color-middle-container,
-	.ts-inner {
-		padding: 0 3em;
-	}
-
-	.color-middle {
-		margin-left: @column-left-size;
-		margin-right: @column-right-size;
-	}
-}
-
-// Top half end of mid screens
-@media screen and ( min-width: ( @desktop-small-width + @desktop-mid-width ) / 2 ) and ( max-width: @desktop-mid-width ) {
-	.ts-inner {
-		padding: 0 3em;
-	}
-
-	.color-middle {
-		margin-left: @column-left-size + 3em;
-		margin-right: @column-right-size + 3em;
-	}
-}
-
 // Prevent logo text overlapping icons on small displays
 @media screen and ( max-width: 550px ) {
 	#p-logo-text {