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;
@@ -50,11 +55,13 @@
 .api-tag-summary-icon-expand {
   display: none;
   width: 3%;
+  z-index: 9999;
 }
 
 .api-tag-summary-icon-collapse {
   width: 3%;
   display: block;
+  z-index: 9999;
 }
 
 .api-items {

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>