refactor(web): endpoints page

Author: ItsNotGoodName

web/views/endpoints.html

@@ -9,7 +9,11 @@ <h2>Showing {{len .Endpoints}} endpoints.</h2>
   {{range $val := .Endpoints}}
   <section id="endpoint-{{$val.ID}}">
     <details>
-      <summary>{{$val.Name}}</summary>
+      <summary class="pico-no-chevron">
+        <div class="flex justify-between">
+          {{$val.Name}}<b>{{$val.Kind}}</b>
+        </div>
+      </summary>
       <article>
         <div class="flex flex-col gap-4">
           <div class="flex justify-between gap-2">
@@ -23,11 +27,6 @@ <h2>Showing {{len .Endpoints}} endpoints.</h2>
             </div>
           </div>
 
-          <div class="flex justify-between gap-2">
-            <div>Kind</div>
-            <div>{{$val.Kind}}</div>
-          </div>
-
           <div class="flex justify-between gap-2">
             <div>
               <em title="Do not send attachments to endpoint.">
@@ -59,15 +58,17 @@ <h2>Showing {{len .Endpoints}} endpoints.</h2>
         </div>
 
         {{if $val.Config}}
-        <h4>Config</h4>
         <form>
-          {{ range $key, $value := $val.Config }}
-          <label for="config_{{$key}}">
-            {{$key}}
-            <textarea {{if $val.Internal}}readonly{{end}} {{if $value}}placeholder="**********" {{end}}
-              id="config_{{$key}}"></textarea>
-          </label>
-          {{ end }}
+          <fieldset>
+            <legend><b>Config</b></legend>
+            {{ range $key, $value := $val.Config }}
+            <label for="config_{{$key}}">
+              {{$key}}
+              <textarea {{if $val.Internal}}readonly{{end}} {{if $value}}placeholder="**********" {{end}}
+                id="config_{{$key}}"></textarea>
+            </label>
+            {{ end }}
+          </fieldset>
         </form>
         {{ end }}