From 964aab93970c0edb5c6ff9fa6122e3eeda4cbf15 Mon Sep 17 00:00:00 2001
From: Jez Cope <j.cope@erambler.co.uk>
Date: Sun, 11 Apr 2021 18:47:05 +0100
Subject: [PATCH] Update ToC display to use card instead of panel

---
 assets/style/main.sass    | 5 -----
 layouts/partials/toc.html | 8 +++++---
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/assets/style/main.sass b/assets/style/main.sass
index 169a2d1..8ee8a9f 100644
--- a/assets/style/main.sass
+++ b/assets/style/main.sass
@@ -181,11 +181,6 @@ h6, .content h6
   .reacts a.reaction
     display: inline-block
 
-.toc
-  @extend .panel
-  @extend .is-size-7
-  @extend .mt-4
-
   ul
     @extend .menu-list
 
diff --git a/layouts/partials/toc.html b/layouts/partials/toc.html
index 74752d3..b811de2 100644
--- a/layouts/partials/toc.html
+++ b/layouts/partials/toc.html
@@ -1,7 +1,9 @@
 {{ if .Params.ShowTOC }}
-    <div class="toc">
-        <p class="panel-heading">Contents</p>
-        <div class="panel-block">
+    <div class="card mb-5">
+        <div class="card-header has-background-light">
+            <p class="card-header-title">Contents</p>
+        </div>
+        <div class="card-content content is-size-7">
             {{ .TableOfContents }}
         </div>
     </div>