better css for search

Author: schollz

templates/header.html

@@ -488,6 +488,27 @@
     }
 }
 
+input.search, button.search {
+	  font: inherit;
+	      &:focus {
+		          outline: none;
+			    }
+}
+
+form.search {
+	  display: flex; 
+	    grid-column: 2;
+}
+
+input.search {
+	  flex-grow: 1;
+	    padding: 0.5em 0.75em;
+}
+
+button.search {
+	  padding: 0.5em 0.75em;
+}
+
 {{ with .CustomCSS}} {{.}}{{end}}
 </style>
 

templates/main.html

@@ -64,9 +64,9 @@ <h1>
 
 	{{ if and (or (not .DomainIsPrivate) (.SignedIn)) (or (ne .Domain "public") (.PrivateEnvironment)) }}
 		{{ if .Options.ShowSearch}}
-		<form action="/{{.Domain}}" method="get">
-			<input type="text" name="q" value="" size="35" placeholder="Search domain...">
-			<input class="button1" type="submit" value="Search">
+		<form class="search" action="/{{.Domain}}" method="get">
+			<input class="search" type="text" name="q" value="" placeholder="Search domain...">
+			<input class="button1 search" type="submit" value="Search">
 		</form>
 		{{ end }}