chore: tweak header styles

packages/app/src/Pages/Layout.css

@@ -15,7 +15,6 @@ header {
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
-  padding: 4px 12px;
 }
 
 .header-actions .avatar {

packages/app/src/Pages/Layout.tsx

@@ -134,7 +134,7 @@ export default function Layout() {
   return (
     <div className={pageClass}>
       {!shouldHideHeader && (
-        <header>
+        <header className="main-content mt5">
           <div className="logo" onClick={() => navigate("/")}>
             <h1>Snort</h1>
             {currentSubscription && (

packages/app/src/index.css

@@ -466,6 +466,10 @@ body.scroll-lock {
   margin-top: 10px;
 }
 
+.mt5 {
+  margin-top: 5px;
+}
+
 .ml5 {
   margin-left: 5px;
 }