From 57ca1e5b2c496834fd7fe3058cda43cf215dce12 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Wed, 6 Jun 2012 10:04:14 +0100
Subject: [PATCH] Commenting why the magic numbers are 946, 620 and 505.

---
 resources/static/css/m.css | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/resources/static/css/m.css b/resources/static/css/m.css
index 895cc9443..8325d9e0b 100644
--- a/resources/static/css/m.css
+++ b/resources/static/css/m.css
@@ -2,6 +2,17 @@
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
+/*
+ * 946, 620 and 505 are "magic" numbers that make the main site look
+ * reasonable across a variety of devices. 620 and 505 are specifically to make
+ * the header look good. When the window reaches ~620 width, the right hand
+ * menu drops below the left hand Persona logo, but is still floated right.
+ * Unless the menu is centered when the drop happens, it looks terrible.
+ * 505 is the width where the centered menu becomes too wide and takes up
+ * two lines.  At this point the text font size is reduced and the logo is
+ * shrunk so that it does not take up so much screen real estate.
+*/
+
 /*
  * 946 is the max width of the center area plus its padding
  */
-- 
GitLab