style fixes for search bar and title on mobile

2023-07-23 11:19:15 -07:00
parent 76fdb3b4d8
commit fd7c33c537
2 changed files with 3 additions and 3 deletions
--- 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;

--- 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;
      }
    }