small tweaks

Author: Rich-Harris

apps/svelte.dev/src/routes/docs/[...path]/Breadcrumbs.svelte

@@ -17,7 +17,7 @@
 		line-height: 1.35;
 
 		span:not(:last-child)::after {
-			content: ' • ';
+			content: ' / ';
 		}
 	}
 </style>

packages/site-kit/src/lib/nav/Nav.svelte

@@ -183,7 +183,7 @@ Top navigation bar for the application. It provides a slot for the left side, th
 	.menu :global(a) {
 		color: var(--sk-text-2);
 		line-height: 1;
-		padding: 0.1rem 0.5rem 0 0.5rem;
+		padding: 0rem 0.5rem 0 0.5rem;
 		white-space: nowrap;
 		height: 100%;
 		display: flex;

packages/site-kit/src/lib/search/Search.svelte

@@ -59,7 +59,7 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 
 	input {
 		position: relative;
-		padding: 0.5em 0.5em 0.4em 2em;
+		padding: 0.3em 0.5em 0.4em 2em;
 		border: none;
 		font-family: inherit;
 		font-size: 1em;
@@ -72,17 +72,17 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 			no-repeat 0.6em 55% / 1.2em 1.2em url(../icons/search.svg),
 			var(--sk-back-4);
 		color: var(--sk-text-3);
+
+		&::placeholder {
+			text-transform: lowercase;
+			color: var(--sk-text-3);
+		}
 	}
 
 	input:focus + .shortcut {
 		display: none;
 	}
 
-	input::placeholder {
-		text-transform: lowercase;
-		color: var(--sk-text-3);
-	}
-
 	.shortcut {
 		color: var(--sk-text-3);
 		position: absolute;
@@ -97,10 +97,12 @@ Renders a search widget which when clicked (or the corresponding keyboard shortc
 	}
 
 	kbd {
+		position: relative;
 		display: none;
 		color: var(--sk-text-3);
 		font-size: inherit;
 		font-family: inherit;
+		top: -0.1rem;
 	}
 
 	@media (min-width: 800px) {