From 0af674dbc718442c3f9a698551cfbd417f184438 Mon Sep 17 00:00:00 2001
From: Isarra <zhorishna@gmail.com>
Date: Mon, 15 Jul 2019 21:36:52 +0000
Subject: [PATCH] Kill some more stupid padding and add some comments

Bug: T197057
Change-Id: I44dca71602e7bdcb404e56df9274b8a86f410a6e
---
 resources/screen-desktop-full.less  |  2 ++
 resources/screen-desktop-mid.less   |  2 ++
 resources/screen-desktop-small.less |  2 ++
 resources/screen-desktop.less       |  1 +
 resources/screen-misc.less          | 27 ---------------------------
 5 files changed, 7 insertions(+), 27 deletions(-)

diff --git a/resources/screen-desktop-full.less b/resources/screen-desktop-full.less
index f068704..b563653 100644
--- a/resources/screen-desktop-full.less
+++ b/resources/screen-desktop-full.less
@@ -1,5 +1,7 @@
 @import 'variables.less';
 
+// Three-column layout
+
 #mw-content-block {
 	.flex-display;
 	clear: both;
diff --git a/resources/screen-desktop-mid.less b/resources/screen-desktop-mid.less
index 07ba025..82161b7 100644
--- a/resources/screen-desktop-mid.less
+++ b/resources/screen-desktop-mid.less
@@ -1,5 +1,7 @@
 @import 'variables.less';
 
+// Two-column layout
+
 #mw-content-block {
 	clear: both;
 }
diff --git a/resources/screen-desktop-small.less b/resources/screen-desktop-small.less
index d62b2aa..21aecbc 100644
--- a/resources/screen-desktop-small.less
+++ b/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 {
diff --git a/resources/screen-desktop.less b/resources/screen-desktop.less
index 5e89b2f..659171c 100644
--- a/resources/screen-desktop.less
+++ b/resources/screen-desktop.less
@@ -9,6 +9,7 @@
 
 .ts-inner {
 	max-width: @content-width;
+	box-sizing: border-box;
 	padding: 0 1em;
 	margin: auto;
 }
diff --git a/resources/screen-misc.less b/resources/screen-misc.less
index 195a4e6..cb144ac 100644
--- a/resources/screen-misc.less
+++ b/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 {