Fixed broken tooltips

_layouts/create.html

@@ -4,10 +4,10 @@ layout: default
 
 <style type="text/css">
   .editable {
-    background-color: Gainsboro;
     padding: 10px 10px 10px 10px;
     min-height: 1.5em;
     font-family: monospace;
+    border: 1px dashed gray;
   }
   .question {
     color: gray;
@@ -104,7 +104,7 @@ layout: default
   </p>
   
   <span class="question">What is the basic structure of the community?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/federation/">federation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/friendship/">friendship</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/membership/">membership</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/multicameralism/">multicameralism</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/ritual/">ritual</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/separation_of_powers/">separation of powers</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/stake_weight/">stake weight</a></span>
   </div>
   <p contenteditable="true" class="editable">
@@ -130,7 +130,7 @@ layout: default
   </p>
   
   <span class="question">How are members suspended or removed?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/friendship/">friendship</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/reputation/">reputation</a></span>
   </div>
   <p contenteditable="true" class="editable">
@@ -147,7 +147,7 @@ layout: default
   <div id="s3" style="display:none">
   
   <span class="question">Who has the capacity to decide on our policies, and how do they do so?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/disapproval_voting/">disapproval voting</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/do-ocracy/">do-ocracy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/holographic_consensus/">holographic consensus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/referendum/">referendum</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/representation/">representation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/sortition/">sortition</a></span>
   </div>
   <p contenteditable="true" class="editable">
@@ -155,7 +155,7 @@ layout: default
   </p>
   
   <span class="question">Where do stewards and community members deliberate about potential policies?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/caucus/">caucus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/coalition/">coalition</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/board/">board</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/debate/">debate</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/lobbying/">lobbying</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/recess/">recess</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/secrecy/">secrecy</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/transparency/">transparency</a></span>
   </div>
   <p contenteditable="true" class="editable">
@@ -163,7 +163,7 @@ layout: default
   </p>
 
   <span class="question">How are policies implemented?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/exclusion/">exclusion</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/lazy_consensus/">lazy consensus</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/restorative_justice/">restorative justice</a></span>
   </div>
   <p contenteditable="true" class="editable">
@@ -171,7 +171,7 @@ layout: default
   </p>
   
   <span class="question">Who oversees the implementation of the agreements?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/board/">board</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/disapproval_voting/">disapproval voting</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/judiciary/">jury</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/precedent/">precedent</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/refusal/">refusal</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/rough_consensus/">rough consensus</a></span>
   </div>
   <p contenteditable="true" class="editable">
@@ -179,7 +179,7 @@ layout: default
   </p>
   
   <span class="question">How are each of the stewardship roles determined and limited?</span>
-  <div class="tooltip">Modules
+  <div class="button">Modules
     <span class="tooltiptext"><a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/fact_finding/">fact-finding</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/ranked_choice/">ranked choice</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/representation/">representation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/reputation/">reputation</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/sortition/">sortition</a>, <a href="https://medlabboulder.gitlab.io/democraticmediums/mediums/term_limit/">term limits</a></span>
   </div>
   <p contenteditable="true" class="editable">