Shorten names of configs in demo

Author: nene

static/index.html

@@ -71,7 +71,7 @@ <h3 style="margin: 0.5rem 0">Options</h3>
             </select>
           </article>
           <article class="config">
-            <label for="keywordCase">Keyword Case:</label>
+            <label for="keywordCase">Case:</label>
             <select id="keywordCase">
               <option value="preserve">Preserve</option>
               <option value="upper">Uppercase</option>
@@ -95,7 +95,7 @@ <h3 style="margin: 0.5rem 0">Options</h3>
             </select>
           </article>
           <article class="config">
-            <label for="multilineLists.itemCount">Newline Item Count:</label>
+            <label for="multilineLists.itemCount">Newline item count:</label>
             <input
               type="number"
               id="multilineLists.itemCount"
@@ -106,14 +106,14 @@ <h3 style="margin: 0.5rem 0">Options</h3>
             />
           </article>
           <article class="config">
-            <label for="logicalOperatorNewline">Logical operator newlines:</label>
+            <label for="logicalOperatorNewline">AND/OR newlines:</label>
             <select id="logicalOperatorNewline">
               <option value="before">before</option>
               <option value="after">after</option>
             </select>
           </article>
           <article class="config">
-            <label for="aliasAs">Use AS in alias:</label>
+            <label for="aliasAs">AS in alias:</label>
             <select id="aliasAs">
               <option value="preserve">Preserve</option>
               <option value="select">SELECT Only</option>
@@ -122,19 +122,19 @@ <h3 style="margin: 0.5rem 0">Options</h3>
             </select>
           </article>
           <article class="config">
-            <label for="tabulateAlias">Align Aliases</label>
+            <label for="tabulateAlias">Align aliases</label>
             <input type="checkbox" id="tabulateAlias" name="tabulateAlias" />
           </article>
           <article class="config">
-            <label for="commaPosition">CommaPosition:</label>
+            <label for="commaPosition">Comma position:</label>
             <select id="commaPosition">
               <option value="after">After</option>
               <option value="before">Before</option>
               <option value="tabular">Tabular</option>
             </select>
           </article>
           <article class="config">
-            <label for="newlineBeforeOpenParen">Newline before (</label>
+            <label for="newlineBeforeOpenParen">\n before (</label>
             <input
               type="checkbox"
               id="newlineBeforeOpenParen"
@@ -143,7 +143,7 @@ <h3 style="margin: 0.5rem 0">Options</h3>
             />
           </article>
           <article class="config">
-            <label for="newlineBeforeCloseParen">Newline before )</label>
+            <label for="newlineBeforeCloseParen">\n before )</label>
             <input
               type="checkbox"
               id="newlineBeforeCloseParen"
@@ -174,7 +174,7 @@ <h3 style="margin: 0.5rem 0">Options</h3>
             />
           </article>
           <article class="config">
-            <label for="denseOperators">Dense Operators</label>
+            <label for="denseOperators">Dense operators</label>
             <input type="checkbox" id="denseOperators" name="denseOperators" />
           </article>
           <article class="config">