Style the story search on the edit page.

Round the input like the other form inputs, and add space above the list.

publish/style.css

@@ -182,6 +182,40 @@ ul.error-box li {
   top:0.6em;
 }
 
+/* The search box above the list of posted stories in publish/edit */
+#main .story-search {
+  display: flex;
+  gap: 6px;
+  margin: 10px 0 20px;
+}
+#main .story-search input {
+  box-sizing: border-box;
+  width: 300px;
+  min-width: 0;
+  padding: 3px 8px;
+  border: 1px solid #b8c9be;
+  border-radius: 8px;
+  font-size: 12pt;
+}
+#main .story-search input:focus {
+  border-color: #006633;
+  outline: none;
+  box-shadow: 0 0 0 2px rgba(0, 102, 51, 0.15);
+}
+#main .story-search button {
+  padding: 4px 14px;
+  border: 1px solid #006633;
+  border-radius: 6px;
+  background-color: #ffffff;
+  color: #006633;
+  font: bold 11pt "Noto Sans", "Verdana", sans-serif;
+  cursor: pointer;
+}
+#main .story-search button:hover {
+  background-color: #006633;
+  color: #ffffff;
+}
+
 /*
  * Phones: one column, with each label above its input. The inputs, the
  * editor and the image box take the full width, the controls are at
@@ -312,6 +346,14 @@ ul.error-box li {
     gap: 10px;
     margin-top: 18px;
   }
+  #main .story-search input {
+    flex: 1;
+    width: auto;
+    min-height: 44px;
+    padding: 8px 12px;
+    font-size: 16px;
+  }
+  #main .story-search button,
   #main .submission button {
     min-height: 44px;
     margin: 0;