Simplified rule.html and fixed CSS error

_layouts/rule.html

@@ -29,6 +29,7 @@ layout: default
   visibility: hidden;
   width: 250px;
   border: 1px solid black;
+  background-color: white;
   text-align: center;
   border-radius: 6px;
   padding: 5px 0;
@@ -65,7 +66,7 @@ layout: default
   background-color: white;
   text-align: center;
   border-radius: 6px;
-  padding: 10px;
+  padding: 5px;
   font-size: 1.2em;
 }
 #basicstructure {
@@ -93,34 +94,28 @@ layout: default
   function toggleEditMode() {
       if (editMode === true) {
           editMode = false;
-          //SECTIONS, QUESTIONS, BORDERS, HIDE EMPTIES
           classDisplayAll("section","block");
           classDisplayAll("button","none");
           classDisplayAll("question","none");
           var editableFields = document.getElementsByClassName("editable");  
           for (var i = 0; i < editableFields.length; i++) {
               editableFields[i].contentEditable = "false";
-              editableFields[i].style.border = "none";
+              editableFields[i].style.borderStyle = "none";
               if (editableFields[i].innerHTML === "") {
                   editableFields[i].style.display = "none";
               }
           }
-          document.getElementById("title").innerHTML =
-              document.getElementById("title").innerHTML.replace( /Create/g,'Rule') ;
           document.getElementById("editToggle").innerHTML = "Edit";
       } else {
           editMode = true;
-          //DO CHANGES VIA CLASSES
           classDisplayAll("button","block");
           classDisplayAll("question","block");
           classDisplayAll("editable","block");          
           var editableFields = document.getElementsByClassName("editable");
           for (var i = 0; i < editableFields.length; i++) {
-              editableFields[i].style.border = "1px dotted black";
+              editableFields[i].style.borderStyle = "none none dashed none";
               editableFields[i].contentEditable = "true";
           }
-          document.getElementById("title").innerHTML =
-              document.getElementById("title").innerHTML.replace( /Rule/g,'Create') ;
           document.getElementById("editToggle").innerHTML = "Display";
       }
   }
@@ -137,12 +132,8 @@ layout: default
 <article class="post">
 
   <header class="post-header">
-    <h1 class="post-title" id="title">Create
-      {% if page.title != "Create" %}
-      <span style="color:gray;">
-        / {{ page.title }}&nbsp;
-      </span>
-      {% endif %}
+    <h1 class="post-title" id="title">      
+        {{ page.title }}
     </h1>
   </header>
 

_rules/do-ocracy.md

@@ -19,4 +19,6 @@ records:
 modification: A proposal to change this Rule goes for a vote before all members for 1 week. If at least 2/3 of voting members agree with the proposal, it passes and the Rule changes accordingly.
 ---
 
+Use this template as-is or edit it to adapt it to your community.
+
 Blends [do-ocracy](https://communitywiki.org/wiki/DoOcracy) and [lazy consensus](https://community.apache.org/committers/lazyConsensus.html).