Modified navigation-bar (#11053)

* GIT CHECKOUT

* Improved responsiveness

* third commit

app/views/layouts/_header.html.erb

@@ -79,7 +79,7 @@
           </div>
         </li>
 
-        <li class="nav-item dropdown" style="min-width:80px;">
+        <li class="nav-item dropdown about" style="min-width:80px;">
           <div class="nav-link" data-toggle="dropdown" onclick="location.href='#'">
             <!-- <a > -->
             <%= t('layout._header.about.about_title') %>
@@ -94,10 +94,10 @@
           </div>
         </li>
 
-        <li class="nav-item d-sm-none d-lg-inline" style="padding:0 10px;">
+        <li class="nav-item d-md-none d-lg-inline store" style="padding:0 10px;">
           <a class="nav-link btn btn-outline-secondary" target="_blank" href="//store.publiclab.org"><%= t('layout._header.store') %></a>
         </li>
-        <li class="nav-item d-sm-none d-lg-inline" style="padding:0 10px;">
+        <li class="nav-item d-md-none d-lg-inline donate" style="padding:0 10px;">
           <a class="nav-link btn btn-outline-secondary" href="/donate"><%= t('layout._header.donate') %></a>
         </li>
 
@@ -259,7 +259,22 @@
       overflow-y: auto;
       -webkit-overflow-scrolling:touch;
     }
+    .store{
+      margin-bottom:5px;
+    }
+  }
+  @media (min-width:768px){
+    .about{
+      margin-left:-25px;
+    }
+    .store{
+      width:90px;
+    }
+    .donate{
+      width:90px;
+    }
   }
+
 </style>
 
 <%= render :partial => "map/mapDependencies" %>

config/locales/en.yml

@@ -727,7 +727,7 @@ en:
         spectral_workbench: "Spectral Workbench"
         code_community: "Code Community"
       about:
-        about_title: "About us"
+        about_title: "About Us"
         stories: "Stories"
         blog: "Blog"
         about_public_lab: "About Public Lab"