From 52e97fe1150e5b1c4e4b6739d2fd54b604d8981b Mon Sep 17 00:00:00 2001
From: Mario <mario@mariovavti.com>
Date: Thu, 2 May 2024 18:36:16 +0000
Subject: some css voodoo for the help menu

---
 Zotlabs/Widget/Helpindex.php |  2 +-
 doc/en/toc.html              | 56 ++++++++++++++++++++++----------------------
 view/css/mod_help.css        |  7 ++----
 3 files changed, 31 insertions(+), 34 deletions(-)

diff --git a/Zotlabs/Widget/Helpindex.php b/Zotlabs/Widget/Helpindex.php
index a7120b47f..23261ca6f 100644
--- a/Zotlabs/Widget/Helpindex.php
+++ b/Zotlabs/Widget/Helpindex.php
@@ -30,7 +30,7 @@ class Helpindex {
 	}
 
 	public function title(): string {
-		return t('Help Contents');
+		return '';
 	}
 
 	public function contents(): string {
diff --git a/doc/en/toc.html b/doc/en/toc.html
index d2f2654a1..b1edef6d2 100644
--- a/doc/en/toc.html
+++ b/doc/en/toc.html
@@ -1,74 +1,74 @@
 <div class="" id="accordion">
-    <div class="">
+    <div class="mb-3">
         <div class="">
             <h3 class="panel-title">
                     Tutorials
             </h3>
         </div>
         <div id="tutorials" class="doco-section">
-            <div class="flex-column">
-                <a class="nav-link" href="/help/tutorials/personal_channel">Personal Channel</a>
+            <div class="vstack">
+                <a class="" href="/help/tutorials/personal_channel">Personal Channel</a>
             </div>
         </div>
     </div>
-    <div class="">
+    <div class="mb-3">
         <div class="">
             <h3 class="panel-title">
                     Members
             </h3>
         </div>
         <div id="members" class="doco-section">
-            <div class="flex-column">
-               <a class="nav-link" href="/help/member/member_guide">Guide</a>
-               <a class="nav-link" href="/help/member/bbcode">BBcode Reference</a>
-               <a class="nav-link" href="/help/feature/additional/overview">Additional Features</a>
-               <a class="nav-link" href="/help/bugs">Reporting Bugs</a>
-               <a class="nav-link" href="/help/member/member_faq">FAQ</a>
+            <div class="vstack">
+               <a class="" href="/help/member/member_guide">Guide</a>
+               <a class="" href="/help/member/bbcode">BBcode Reference</a>
+               <a class="" href="/help/feature/additional/overview">Additional Features</a>
+               <a class="" href="/help/bugs">Reporting Bugs</a>
+               <a class="" href="/help/member/member_faq">FAQ</a>
             </div>
         </div>
     </div>
-    <div class="panel">
+    <div class="mb-3">
         <div class="">
             <h3 class="panel-title">
                     Administrators
             </h3>
         </div>
         <div id="administrators" class="doco-section">
-            <div class="flex-column">
-                <a class="nav-link" href="/help/admin/administrator_guide">Guide</a>
-                <a class="nav-link" href="/help/admin/hub_snapshots">Hub Snapshots</a>
-                <a class="nav-link" href="/help/database">Database</a>
-                <a class="nav-link" href="/help/hidden_configs">Extra configs</a>
+            <div class="vstack">
+                <a class="" href="/help/admin/administrator_guide">Guide</a>
+                <a class="" href="/help/admin/hub_snapshots">Hub Snapshots</a>
+                <a class="" href="/help/database">Database</a>
+                <a class="" href="/help/hidden_configs">Extra configs</a>
             </div>
         </div>
     </div>
-    <div class="panel">
+    <div class="mb-3">
         <div class="">
             <h3 class="panel-title">
                     Developers
             </h3>
         </div>
         <div id="developers" class="doco-section">
-            <div class="flex-column">
-                <a class="nav-link" href="/help/developer/developer_guide">Guide</a>
-                <a class="nav-link" href="/help/developer/covenant">Code of Conduct</a>
-                <a class="nav-link" href="/help/developer/zot_protocol">Zot Protocol</a>
-                <a class="nav-link" href="/help/developer/api_zot">Zot API</a>
-                <a class="nav-link" href="/help/hooklist">Hooks</a>
+            <div class="vstack">
+                <a class="" href="/help/developer/developer_guide">Guide</a>
+                <a class="" href="/help/developer/covenant">Code of Conduct</a>
+                <a class="" href="/help/developer/zot_protocol">Zot Protocol</a>
+                <a class="" href="/help/developer/api_zot">Zot API</a>
+                <a class="" href="/help/hooklist">Hooks</a>
             </div>
         </div>
     </div>
-    <div class="panel">
+    <div class="mb-3">
         <div class="">
             <h3 class="panel-title">
                     About
             </h3>
         </div>
         <div id="about" class="doco-section">
-            <div class="flex-column">
-                <a class="nav-link" href="/help/about/about">About</a>
-                <a class="nav-link" href="/help/about/project">Project</a>
-                <a class="nav-link" href="/help/about/about_hub">About this hub</a>
+            <div class="vstack">
+                <a class="" href="/help/about/about">About</a>
+                <a class="" href="/help/about/project">Project</a>
+                <a class="" href="/help/about/about_hub">About this hub</a>
             </div>
         </div>
     </div>
diff --git a/view/css/mod_help.css b/view/css/mod_help.css
index 1799493b8..3c3bc195f 100644
--- a/view/css/mod_help.css
+++ b/view/css/mod_help.css
@@ -1,11 +1,11 @@
 .doco-list-group-item > a {
 	font-weight: bold;
-} 
+}
 
 .sub-menu {
 	margin: 3px 0px 10px 10px;
 }
-    
+
 #doco-content h3 {
 	border-bottom: #ccc 3px solid;
 	padding-bottom: 0.3em;
@@ -24,6 +24,3 @@
 	padding-left: 20px;
 }
 
-#doco-side-toc {
-	padding-top: 10px;
-}
-- 
cgit v1.2.3