Noissue - Updated defaults.css and refactored #navbar-container

static/css/main.css

Index: static/css/main.css
===================================================================
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -185,30 +185,20 @@
   background-color: #c70d2c;
 }
 
 #navbar li
 {
   list-style-type: none;
 }
 
-/* padding provided by navbar contents */
-.navbar-container
+#navbar .container
 {
-  width: 1170px;
-  margin: 0 auto;
-}
-
-/* full-width under .container max-width */
-@media(max-width: 1199px)
-{
-  .navbar-container
-  {
-    width: 100%;
-  }
+  padding-left: 0;

[ire, 2017/10/27 08:43:11]

I see that you did this because of the mobile navigation. But this would mean
that the navbar won't be properly aligned with the rest of the content (unless
you remove the padding from there too?). 

The only solution I can think of would involve refactoring the mobile navbar
menu (maybe absolute position?)

(You can deal with this separately if you want)

[juliandoucette, 2017/10/27 08:59:37]

You may be referring to the homepage content? If so, the homepage is a separate
case. The logo and hamberger icon align properly with content on other pages.
You may be referring to the content on the homepage. This is a separate case.
The start of the logo and the end of the menu icon align with the start and end
of content in other pages on mobile devices. I chose to use padding within the
logo and menu icon instead of margin around them so that their active/focus
states (which are visually distinguished) include that space before/after them.

[ire, 2017/10/27 12:30:09]

Ack. I was referring to homepage.

+  padding-right: 0;
 }
 
 /* #navbar #navbar-logo
  ******************************************************************************/
 
 #navbar-logo
 {
   /* padding is visible in hover background-color change */