From 36c479231d4a7c2eb3d253d7ebe71530b64026bf Mon Sep 17 00:00:00 2001 From: Jacky Zhao Date: Sun, 23 Jul 2023 11:19:15 -0700 Subject: [PATCH] style fixes for search bar and title on mobile --- quartz/components/styles/search.scss | 2 +- quartz/styles/base.scss | 4 ++-- 2 files changed, 3 insertions(+), 3 deletions(-) diff --git a/quartz/components/styles/search.scss b/quartz/components/styles/search.scss index 5b331cce..4d5ad95c 100644 --- a/quartz/components/styles/search.scss +++ b/quartz/components/styles/search.scss @@ -1,7 +1,7 @@ @use "../../styles/variables.scss" as *; .search { - min-width: 5rem; + min-width: fit-content; max-width: 14rem; flex-grow: 0.3; diff --git a/quartz/styles/base.scss b/quartz/styles/base.scss index 9899fed7..9e7c8f28 100644 --- a/quartz/styles/base.scss +++ b/quartz/styles/base.scss @@ -125,14 +125,14 @@ a { flex-direction: row; padding: 0; width: initial; - margin-top: 4rem; + margin-top: 2rem; } } & .sidebar.left { left: calc(calc(100vw - $pageWidth) / 2 - $sidePanelWidth); @media all and (max-width: $fullPageWidth) { - gap: 1rem; + gap: 0rem; align-items: center; } }