Auto merge of #2456 - Turbo87:header, r=pichfl

Shrink page header height

### Before
<img width="1032" alt="Bildschirmfoto 2020-04-26 um 20 46 12" src="https://user-images.githubusercontent.com/141300/80316610-0647cb00-87ff-11ea-98c1-618ca5172b8b.png">

### After
<img width="1107" alt="Bildschirmfoto 2020-04-26 um 20 45 50" src="https://user-images.githubusercontent.com/141300/80316612-08118e80-87ff-11ea-8dd5-fbac985187a8.png">

r? @locks

Author: bors

app/styles/application.module.css

@@ -75,8 +75,9 @@ noscript {
     composes: width-limit;
 
     display: grid;
-    grid-template-columns: auto auto 1fr auto;
+    grid-template-columns: auto 1fr auto;
     align-items: center;
+    padding: 10px;
     color: white;
 
     a {
@@ -85,9 +86,19 @@ noscript {
     }
 }
 
-.subtitle {
-    display: block;
-    font-size: x-small;
+.index-link {
+    display: flex;
+    align-items: center;
+
+    h1 {
+        font-size: 24px;
+    }
+}
+
+.logo {
+    width: 60px;
+    height: auto;
+    margin-right: 10px;
 }
 
 .desktop-search-form {
@@ -119,7 +130,7 @@ input.search {
 .mobile-search {
     display: none;
     grid-row: 2;
-    grid-column: span 4;
+    grid-column: span 3;
     margin: 0 10px 10px;
 
     input.search {

app/templates/application.hbs

@@ -3,14 +3,9 @@
 {{title "crates.io: Rust Package Registry" separator=' - ' prepend=true}}
 
 <header local-class="header">
-  <LinkTo @route="index" @tabindex="-1">
-    <img src="/assets/Cargo-Logo-Small.png" height="100" width="100" alt="Cargo Logo">
-  </LinkTo>
-  <LinkTo @route="index">
-    <h1>
-      crates.io
-      <span local-class="subtitle">Rust Package Registry</span>
-    </h1>
+  <LinkTo @route="index" local-class="index-link">
+    <img src="/assets/Cargo-Logo-Small.png" role="presentation" alt="" local-class="logo">
+    <h1>crates.io</h1>
   </LinkTo>
 
   <form local-class="desktop-search-form" action='/search' {{ action "search" on="submit" }} data-test-search-form>