Click activates for actual text and not whole row

2 files changed, 5 insertions, 6 deletions

diff --git a/layouts/index.html b/layouts/index.html
index d04936c..4ac386a 100644
--- a/layouts/index.html
+++ b/layouts/index.html
@@ -12,10 +12,12 @@
   </div>

   <div class="col-md-7 pt-2 mt-3">

     {{ range.Site.Params.showInAccordion }}

-    <h2 class="accordion w-100 {{ if .expand }} active {{ end }}">

+    <h2 class="accordion {{ if .expand }} active {{ end }}">

       {{ $current := index $.Site.Params .item }}

-      <i class="{{ $current.icon }}"></i>

-      {{ $current.title }}

+      <span onclick="expandAccordion(this)" style="cursor: pointer;">

+        <i class="{{ $current.icon }}"></i>

+        {{ $current.title -}}

+      </span>

     </h2>

     <div

       class="panel overflow-hidden"

diff --git a/static/css/aafu.css b/static/css/aafu.css
index 2350743..67fab42 100644
--- a/static/css/aafu.css
+++ b/static/css/aafu.css
@@ -25,9 +25,6 @@ h3 {
   font-size: 1.9em;
   cursor: pointer;
 }
-.accordion {
-  cursor: pointer;
-}
 .panel {
   max-height: 0;
   transition: 0.3s ease-out;