clean code

src/client/js/components/TableOfContents.jsx

@@ -61,7 +61,7 @@ const TableOfContents = (props) => {
     >
       <div
         id="revision-toc-content"
-        className="revision-toc-content"
+        className="revision-toc-content mb-3"
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML={{
         __html: tocHtml,

src/client/styles/scss/_layout.scss

@@ -107,16 +107,6 @@ body {
       margin-bottom: 20px;
       font-size: 0.9em;
       border: solid 1px $gray-400;
-
-      .revision-toc-head {
-        display: inline-block;
-        float: none;
-      }
-
-      .revision-toc-content.collapse {
-        display: block;
-        height: auto;
-      }
     }
 
     .meta {

src/server/views/widget/page_content.html

@@ -58,9 +58,7 @@
 <div class="d-none d-lg-block d-edit-none grw-side-contents-container">
   <div class="grw-side-contents-sticky-container">
     <div id="page-accessories" class="page-accessories"></div>
-    <div id="revision-toc" class="revision-toc sps sps--abv" data-sps-offset="123">
-      <div id="revision-toc-content" class="revision-toc-content mb-3"></div>
-    </div>
+    <div id="revision-toc" class="revision-toc sps sps--abv" data-sps-offset="123"></div>
     {% if pageUser %}
       <div id="grw-user-contents-links"></div>
     {% endif %}