tweaks

Author: runemadsen

src/components/TopBar.js

@@ -57,7 +57,7 @@ const TopBar = () => {
       <header className={css.root}>
         <div className={css.logo}>
           <Link to="/" aria-label="Go to homepage">
-            <NewLogo className={css.newLogo} />
+            <NewLogo className={css.logoSvg} />
           </Link>
         </div>
         <div className={css.clock}>🕛</div>

src/components/TopBar.module.css

@@ -16,11 +16,11 @@
 }
 
 .logo {
-  padding: 0 var(--box-padding);
+  padding: 0 var(--spacing-normal);
 }
 
-.newLogo {
-  width: 40px;
+.logoSvg {
+  height: 32px;
 }
 
 .clock {
@@ -81,6 +81,12 @@
   }
 }
 
+@media (--small) {
+  .logoSvg {
+    height: 28px;
+  }
+}
+
 @media (--xsmall) {
   .shortDate {
     display: initial;