From dfb55a275e0b7a0f48bcc15f93311dd9ce7d294f Mon Sep 17 00:00:00 2001
From: Camden Cheek <camden@ccheek.com>
Date: Wed, 17 Jul 2024 18:47:19 -0600
Subject: [PATCH] Svelte: fix css selector (#63896)

Fixes a couple of small style changes after rolling out the mobile version.
---
 .../web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte   | 2 +-
 .../src/routes/[...repo=reporev]/+layout.svelte             | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/client/web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte b/client/web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte
index 63904f8cf0de1..ffc59f6fb8d44 100644
--- a/client/web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte
+++ b/client/web-sveltekit/src/lib/repo/RepositoryRevPicker.svelte
@@ -190,7 +190,7 @@
 </Popover>
 
 <style lang="scss">
-    div[data-repo-rev-picker-trigger] > :global(*) {
+    span[data-repo-rev-picker-trigger] > :global(*) {
         width: 100%;
         height: 100%;
     }
diff --git a/client/web-sveltekit/src/routes/[...repo=reporev]/+layout.svelte b/client/web-sveltekit/src/routes/[...repo=reporev]/+layout.svelte
index a2df2044877ec..3e6dd2fac069a 100644
--- a/client/web-sveltekit/src/routes/[...repo=reporev]/+layout.svelte
+++ b/client/web-sveltekit/src/routes/[...repo=reporev]/+layout.svelte
@@ -152,7 +152,7 @@
 
 <GlobalHeaderPortal>
     {#if $isViewportMobile}
-        <Button variant="secondary" outline on:click={() => (showSearchInput = true)}>
+        <Button id="mobile-search-button" variant="secondary" outline on:click={() => (showSearchInput = true)}>
             <Icon icon={ILucideSearch} inline aria-hidden /> Search
         </Button>
     {/if}
@@ -213,6 +213,10 @@
         --repo-header-height: 2rem;
     }
 
+    :global(#mobile-search-button) {
+        width: 100%;
+    }
+
     .search-header {
         width: 100%;
         z-index: 1;