doc: Update styling

Author: KrishnaIyer

doc/themes/the-things-stack/assets/css/shortcodes/openapi.scss

@@ -3,6 +3,11 @@
   flex-direction: row;
   align-items: center;
   justify-content: space-between;
+  padding-bottom: 1rem;
+}
+
+.api-page-header h3 {
+  margin-bottom: 0;
 }
 
 .collapse-button {
@@ -31,7 +36,7 @@
   flex-direction: column;
   align-items: stretch;
   width: 100%;
-  margin-bottom: 1rem;
+  margin-top: 1rem;
   border: 1px solid #e5e5e5;
   border-radius: 0.25rem;
   padding: 0.5rem;

doc/themes/the-things-stack/layouts/shortcodes/openapi/openapi.html

@@ -4,14 +4,6 @@
   <div class="api-page-header">
     <h3>The Things Stack HTTP (REST) API Reference</h3>
     <p>Version: <code> {{ $openapi.info.version }} </code></p>
-    <button
-      class="collapse-button"
-      onclick="collapseAll()"
-      title="Collapse All Services"
-    >
-      {{- $upArrow := resources.Get "/img/expand_less.svg" }}
-      <img src="{{ $upArrow.Permalink }}" alt="Collapse all" />
-    </button>
   </div>
   <div class="api-tags-table">
     <table>
@@ -38,18 +30,6 @@ <h3>The Things Stack HTTP (REST) API Reference</h3>
     <span><h4 class="api-tag-header" id="{{ $tag }}">{{ $tag }}</h4></span>
     <div class="api-tag-summary">
       <p>{{ $tagDetails.description }}</p>
-      {{- $downArrow := resources.Get "/img/expand_more.svg" }} {{- $upArrow :=
-      resources.Get "/img/expand_less.svg" }}
-      <img
-        class="api-tag-summary-icon-expand"
-        src="{{ $downArrow.Permalink }}"
-        alt="Expand"
-      />
-      <img
-        class="api-tag-summary-icon-collapse"
-        src="{{ $upArrow.Permalink }}"
-        alt="Collapse"
-      />
     </div>
     <div class="api-items">
       {{ range $path, $pathMethods := $openapi.paths }} {{ range $pathMethod,