diff --git a/components/header.js b/components/header.js index 93ebe1e..05ea93c 100644 --- a/components/header.js +++ b/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; diff --git a/sw.js b/sw.js index e95294d..e1ebfac 100644 --- a/sw.js +++ b/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 => {