From 27b4cd892bd87f96d28ef3cbeadf71ca9e0a2cf6 Mon Sep 17 00:00:00 2001
From: Michael M Slusarz <slusarz@users.noreply.github.com>
Date: Tue, 3 Sep 2024 14:07:25 -0600
Subject: [PATCH] events: Remove field expansion

GitHub Issue #995
---
 components/EventsComponent.vue | 34 ++++++++++++++++++++++++----------
 1 file changed, 24 insertions(+), 10 deletions(-)

diff --git a/components/EventsComponent.vue b/components/EventsComponent.vue
index 5db073292..711c2c4d5 100644
--- a/components/EventsComponent.vue
+++ b/components/EventsComponent.vue
@@ -18,17 +18,31 @@ const d = Object.fromEntries(Object.entries(data).filter(([k, v]) =>
 ).sort())
 </script>
 
+<style scoped>
+.eventsList h3:first-of-type {
+  border-top-width: 0;
+  padding-top: 0;
+}
+.eventsList h3 {
+  border-top: 1px solid var(--vp-c-divider);
+  margin-top: 18px;
+  padding-top: 18px;
+}
+.eventsList :deep(table p) {
+  margin: 0;
+}
+</style>
+
 <template>
- <template v-for="(v, k) in d">
-  <h3 :id="k" tabindex="-1">
-   <code>{{ k }}</code>
-   <a class="header-anchor" :href="'#' + k"></a>
-  </h3>
+ <section class="eventsList">
+  <template v-for="(v, k) in d">
+   <h3 id="k" tabindex="-1">
+    <code>{{ k }}</code>
+    <a class="header-anchor" :href="'#' + k"></a>
+   </h3>
 
-  <span v-if="v.text" v-html="v.text" />
+   <span v-if="v.text" v-html="v.text" />
 
-  <details class="details custom-block">
-   <summary>Field List</summary>
    <table>
     <thead>
      <tr>
@@ -47,6 +61,6 @@ const d = Object.fromEntries(Object.entries(data).filter(([k, v]) =>
      </tr>
     </tbody>
    </table>
-  </details>
- </template>
+  </template>
+ </section>
 </template>