diff --git a/src/components/HeaderControls.vue b/src/components/HeaderControls.vue index d806fe6..e0291be 100644 --- a/src/components/HeaderControls.vue +++ b/src/components/HeaderControls.vue @@ -204,6 +204,12 @@ onBeforeUnmount(() => { align-items: center; width: 100%; padding-inline-end: 2rem; + gap: 1rem; +} + +.header-controls > *:first-child { + flex: 1; + min-width: 0; } .toggle-btn { position: fixed; @@ -307,7 +313,6 @@ onBeforeUnmount(() => { font-size: 1.5em; white-space: pre-line; text-align: center; - margin-inline-end: 2rem; } .current-time { diff --git a/src/components/Search.vue b/src/components/Search.vue index 6724869..11f3b54 100644 --- a/src/components/Search.vue +++ b/src/components/Search.vue @@ -8,6 +8,9 @@ aria-label="Search dates, holidays and events" @keydown="handleSearchKeydown" /> +
+ {{ shortcut }} +