Shrink page header height

Author: Turbo87

app/styles/application.module.css

@@ -77,17 +77,23 @@ noscript {
     display: grid;
     grid-template-columns: auto auto 1fr auto;
     align-items: center;
+    padding: 10px;
     color: white;
 
     a {
         color: white; text-decoration: none;
         &:hover { color: darken(white, 15%); }
     }
+
+    h1 {
+        font-size: 24px;
+        margin: 0.67em 0 0.67em 10px;
+    }
 }
 
-.subtitle {
-    display: block;
-    font-size: x-small;
+.logo {
+    width: 60px;
+    height: auto;
 }
 
 .desktop-search-form {

app/templates/application.hbs

@@ -4,13 +4,10 @@
 
 <header local-class="header">
   <LinkTo @route="index" @tabindex="-1">
-    <img src="/assets/Cargo-Logo-Small.png" height="100" width="100" alt="Cargo Logo">
+    <img src="/assets/Cargo-Logo-Small.png" alt="Cargo Logo" local-class="logo">
   </LinkTo>
   <LinkTo @route="index">
-    <h1>
-      crates.io
-      <span local-class="subtitle">Rust Package Registry</span>
-    </h1>
+    <h1>crates.io</h1>
   </LinkTo>
 
   <form local-class="desktop-search-form" action='/search' {{ action "search" on="submit" }} data-test-search-form>