Adds max width on header matching toolbar (#172)

galahq · Dec 11, 2017 · 28ed958 · 28ed958
1 parent 087ca14
commit 28ed958
Show file tree

Hide file tree

Showing 2 changed files with 21 additions and 15 deletions.
diff --git a/app/assets/stylesheets/structure.sass b/app/assets/stylesheets/structure.sass
@@ -26,10 +26,14 @@ main#EdgenoteGallery
 
 header
   background-color: $umichBlue
-  padding: 1em
-  display: flex
-  justify-content: space-between
-  align-items: center
+
+  .header__container
+    max-width: 1667px
+    margin: auto
+    padding: 1em
+    display: flex
+    justify-content: space-between
+    align-items: center
 
   & > a:hover
     background-color: inherit

diff --git a/app/views/layouts/with_header.html.erb b/app/views/layouts/with_header.html.erb
@@ -1,16 +1,18 @@
 <header>
-  <%= link_to root_path, id: "gala-logo" do %>
-    <%= inline_svg 'gala-logo.svg' %>
-  <% end %>
-  <div id="main-menu-app" class="pt-dark"></div>
-  <%= javascript_tag do %>
-    window.reader = <% if reader_signed_in? %>
-    <%= raw render partial: "readers/reader", formats: [:json], locals: {reader: current_reader}%>
-    <% else %>
-    undefined;
+  <div class="header__container">
+    <%= link_to root_path, id: "gala-logo" do %>
+      <%= inline_svg 'gala-logo.svg' %>
     <% end %>
-  <% end %>
-  <%= javascript_pack_tag 'main-menu', async: true %>
+    <div id="main-menu-app" class="pt-dark"></div>
+    <%= javascript_tag do %>
+      window.reader = <% if reader_signed_in? %>
+      <%= raw render partial: "readers/reader", formats: [:json], locals: {reader: current_reader}%>
+      <% else %>
+      undefined;
+      <% end %>
+    <% end %>
+    <%= javascript_pack_tag 'main-menu', async: true %>
+</div>
 </header>
 
 <% if flash[:notice] || flash[:alert] %>