From 059b8476d9344c4d0f47d90f17ed1f32d784e21b Mon Sep 17 00:00:00 2001
From: Paul Tan <pyokagan@gmail.com>
Date: Sat, 15 Sep 2018 15:38:05 +0800
Subject: [PATCH] gh-pages.css: make the site navbar stretch across the entire
 page

In the official SE-EDU design, the site navbar at the top should stretch
across the entire page.

However, for the Learning Resources site, this does not happen. The site
navbar is constrained to a maximum width of 1000px and is centered in
the page. This makes the design of the Learning Resources site
inconsistent with the rest of the SE-EDU sites.

This is because a recent change in MarkBind[1] wraps the entire page in
a #content-wrapper div, and the #content-wrapper div is styled as:

    #content-wrapper {
        margin: 0 auto;
        max-width: 1000px;
        overflow-x: hidden;
        padding: 0 20px;
        width: 100%;
    }

thus leading to the current behavior.

Fix this by overriding #content-wrapper's `max-width` and `padding`
properties, so that the site navbar will stretch acorss the entire page.

[1]: https://github.com/MarkBind/markbind/commit/c20e9412987eec32e8ff9cb57eaf4d09da0fed5e
---
 css/gh-pages.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/css/gh-pages.css b/css/gh-pages.css
index 4b040ff6..4d663b8c 100644
--- a/css/gh-pages.css
+++ b/css/gh-pages.css
@@ -223,3 +223,8 @@ table.tableblock > .title,
 #site-header {
     margin-bottom: 2.25rem;
 }
+
+#content-wrapper {
+    max-width: none;
+    padding: 0;
+}