Clean up query navigation

 
 input, textarea {
   background-color: #073642;
-  border: .1em inset #586e75;
+  border: 0;
   border-radius: .25em;
   color: #93a1a1; }
 input {
-  padding: .16em; }
+  padding: .16em .32em; }
 input[type=text] {
   width: 10em; }
 input[name=q] {
   width: 20em; }
+.partial {
+  color: #b58900;
+  font-size: .7em }
 textarea {
   padding: .5em; }
 button {
   background-color: #586e75;
-  border: .2em outset #586e75;
+  border: 0;
   border-radius: .25em;
   color: #002b36;
   font-size: .7em;
   text-transform: uppercase; }
 
+form#search {
+  line-height: 1.15; }
+#listen {
+  position: relative;
+  top: 2px; }
+
 summary {
   cursor: pointer; }
 

 </div>
 <div>
     <form id=search action=/search>
-        <input class=partial name=q type=text> <button>Query</button>
+    <svg id=listen title=dictation width=14px height=14px viewBox="-0.5 0 25 25"
+      fill=none xmlns=http://www.w3.org/2000/svg></svg>
+    <input name=q type=text><br>
+    <small class=partial></small>
     </form>
-    <button id=listen>Listen for Queries</button>
 </div>
 </header>