Enlarge + buttons

_layouts/rule.html

@@ -50,6 +50,9 @@ layout: default
   padding: 5px;
   font-size: 1.2em;
 }
+.plus {
+    font-size: 1em;
+}
 .icons {
     /* icons are from https://github.com/tabler/tabler-icons */
     margin: 0 5px 0 0;
@@ -288,7 +291,7 @@ layout: default
     <img src="{% link assets/tabler_icons/info-circle.svg %}"
          class="icons" />
     <span class="subhead output">Basics</span>
-    <button onclick="toggleVisible('s1')" class="button"> + </button>
+    <button onclick="toggleVisible('s1')" class="button plus"> + </button>
   </h2>
   <div class="section" id="s1" style="display:none">
   
@@ -316,7 +319,7 @@ layout: default
     <img src="{% link assets/tabler_icons/user.svg %}"
          class="icons" />
     <span class="subhead output">Participants</span>
-    <button onclick="toggleVisible('s2')" class="button"> + </button>
+    <button onclick="toggleVisible('s2')" class="button plus"> + </button>
   </h2>
   <div class="section" id="s2" style="display:none">
 
@@ -340,7 +343,7 @@ layout: default
     <img src="{% link assets/tabler_icons/news.svg %}"
          class="icons" />
     <span class="subhead output">Policies</span>
-    <button onclick="toggleVisible('s3')" class="button"> + </button>
+    <button onclick="toggleVisible('s3')" class="button plus"> + </button>
   </h2>
   <div class="section" id="s3" style="display:none">
  
@@ -381,7 +384,7 @@ layout: default
     <img src="{% link assets/tabler_icons/adjustments.svg %}"
          class="icons" />
     <span class="subhead output">Evolution</span>
-    <button onclick="toggleVisible('s4')" class="button"> + </button>
+    <button onclick="toggleVisible('s4')" class="button plus"> + </button>
   </h2>
   <div class="section" id="s4" style="display:none">