From 48d22b074a544bdf767afd85d8eb01a001d674dc Mon Sep 17 00:00:00 2001 From: Felipe Contreras Date: Tue, 1 Dec 2020 18:56:28 -0600 Subject: [PATCH 1/3] css: move the max-width to the site This allows the wrapper to fit the whole width of the window, and align the contained elements properly. The width of the navbar is 20em (280px), so the max-width of the site is 940px - 280px, thus retaining the original width. This fixes the issue with "Git Rev News: Edition 68" where the site width was too big, and the navbar width got too small. Signed-off-by: Felipe Contreras --- css/main.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 6b44c358ae..7c8367cf68 100644 --- a/css/main.css +++ b/css/main.css @@ -36,6 +36,7 @@ body { -webkit-flex: 1; -ms-flex: 1; flex: 1; + max-width: 660px; } .navbar { @@ -62,7 +63,7 @@ body { display: -ms-flexbox; display: flex; margin: 0 auto; - max-width: 940px; + justify-content: center; } @media (max-width: 700px) { From 571915520fd59c629cab71cba2f34930a9f0534a Mon Sep 17 00:00:00 2001 From: Felipe Contreras Date: Tue, 1 Dec 2020 19:08:02 -0600 Subject: [PATCH 2/3] css: improve width of main containers The site container is usually too small, and the navbar usually to big. So adjust their widths. Signed-off-by: Felipe Contreras --- css/main.css | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/main.css b/css/main.css index 7c8367cf68..74ef3e1dcb 100644 --- a/css/main.css +++ b/css/main.css @@ -36,13 +36,13 @@ body { -webkit-flex: 1; -ms-flex: 1; flex: 1; - max-width: 660px; + max-width: 700px; } .navbar { float: left; text-align: left; - width: 20em; + width: 15em; padding: 2em; } From 64756a35b12166dbdfac2c766ee8b247a9a3a260 Mon Sep 17 00:00:00 2001 From: Felipe Contreras Date: Tue, 1 Dec 2020 19:09:07 -0600 Subject: [PATCH 3/3] css: remove extra padding The site and the navbar already have 2em between them, there's no need to add another extra 2em. This would be handled much better with a modern grid display. Signed-off-by: Felipe Contreras --- css/main.css | 1 + 1 file changed, 1 insertion(+) diff --git a/css/main.css b/css/main.css index 74ef3e1dcb..f46e43f435 100644 --- a/css/main.css +++ b/css/main.css @@ -44,6 +44,7 @@ body { text-align: left; width: 15em; padding: 2em; + padding-right: 0; } #menuLinkBar {