Merge pull request 'Fix display on iOS by not relying on default button padding' (#33) from header-display into main

Reviewed-on: https://codeberg.org/macchiato/pages/pulls/33

components/header.js

@@ -77,8 +77,8 @@ export class Header extends HTMLElement {
       :host {
         background: #111;
         color: #ddd;
-        display: flex;
-        flex-direction: row;
+        display: grid;
+        grid-template-columns: min-content min-content 1fr min-content min-content;
         padding: 0 4px;
       }
       button {
@@ -86,10 +86,7 @@ export class Header extends HTMLElement {
         background: inherit;
         color: inherit;
         font-size: 30px;
-        width: 32px;
-      }
-      div.divider {
-        flex-grow: 1;
+        padding: 0 8px;
       }
       div.menu {
         position: fixed;

sw.js

@@ -10,7 +10,7 @@ async function initCache() {
     '/components/nav-menu.js',
     '/components/page-menu.js',
     '/components/dialog.js',
-  ]) //6
+  ]) //7
 }
 
 self.addEventListener("install", event => {