From 0f895b71dae51234348d6429175b8088b0312694 Mon Sep 17 00:00:00 2001
From: Ivaylo Ivanov <me@ivayloivanov.eu>
Date: Sat, 30 Nov 2024 07:14:20 +0100
Subject: [PATCH] Add div to collapsible

---
 layouts/shortcodes/collapsible.html | 8 +++++---
 static/css/custom.css               | 3 ++-
 2 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/layouts/shortcodes/collapsible.html b/layouts/shortcodes/collapsible.html
index 8c48594..e5d3442 100644
--- a/layouts/shortcodes/collapsible.html
+++ b/layouts/shortcodes/collapsible.html
@@ -1,4 +1,6 @@
+<div>
 <button type="button" class="collapsible">{{ index .Params 0 }}</button>
-<div class="content">
-  <p>{{ .Inner }}</p>
-</div> 
+<div class="collapsible-content">
+  {{ .Inner }}
+</div>
+</div>
diff --git a/static/css/custom.css b/static/css/custom.css
index 3e2992a..a3d0fe3 100644
--- a/static/css/custom.css
+++ b/static/css/custom.css
@@ -75,10 +75,11 @@
 }
 
 /* Style the collapsible content. Note: hidden by default */
-.content {
+.collapsible-content {
   padding: 0 18px;
   display: none;
   overflow: hidden;
   background-color: #f1f1f1;
+  color: black;
 }