     <div id=col-settings>
       <datalist id=col-list>#{join u.map (c) -> "<option value=#{c}>"}</datalist>
       <select id=col-group>#{join G.map (g, i) -> "<option value=#{i}>#{g.s}"}</select>
-      <p><input type=checkbox id=col-fg-cb>Foreground <input type=color id=col-fg list=col-list>
-      <p><input type=checkbox id=col-bg-cb>Background <input type=color id=col-bg list=col-list>
-      <p><label><input type=checkbox id=col-B><b>B</b></label>
-         <label><input type=checkbox id=col-I><i>I</i></label>
-         <label><input type=checkbox id=col-U><u>U</u></label>
-      <p id=col-lb-p>
-         <input type=checkbox id=col-lb-cb>Left border <input type=color id=col-lb>
+      <p id=col-fg-p><label><input type=checkbox id=col-fg-cb>Foreground</label> <input type=color id=col-fg list=col-list>
+      <p id=col-bg-p><label><input type=checkbox id=col-bg-cb>Background</label> <input type=color id=col-bg list=col-list>
+      <p id=col-BIU-p>
+        <label><input type=checkbox id=col-B><b>B</b></label>
+        <label><input type=checkbox id=col-I><i>I</i></label>
+        <label><input type=checkbox id=col-U><u>U</u></label>
+      <p id=col-lb-p><label><input type=checkbox id=col-lb-cb>Left border</label> <input type=color id=col-lb>
     </div>
   """
   $cm = $ '#col-cm'

  'mb':bg:'#ffff88'
  'sc':bg:'#ff8800'
  'mo':bg:'#eeeeee'

renderCSS = (v, rp = '') -> # v: style objects keyed by token type, rp: css rule prefix
  join G.map (g) ->

    indentUnit: 4, scrollButtonHeight: 12, matchBrackets: true, autoCloseBrackets: {pairs: '()[]{}', explode: '{}'}
  cm.on 'gutterClick', -> selectGroup H.L; return
  cm.on 'cursorActivity', ->
    if cm.somethingSelected()
      selectGroup H.s1
    else if t = cm.getTokenTypeAt cm.getCursor(), 1
      c = '.cm-' + t.split(' ')[0]; i = -1; for g, j in G when g.c == c then i = j; break
      i != -1 && selectGroup i
    else
      selectGroup H[' ']
    return
  $('#col-group').change -> selectGroup +@value; return
  qw('fg bg lb').forEach (p) ->
    $("#col-#{p}").change -> model[sel][p] = @value; updateSampleStyle(); return
    $("#col-#{p}-cb").click ->
      $("#col-#{p}").toggle @checked
      model[sel][p] = @checked && $("#col-#{p}").val() || ''
      updateSampleStyle()
      return
    return
  qw('B I U').forEach (p) ->
    $("#col-#{p}").click -> model[sel][p] = +!!@checked; updateSampleStyle(); return
    return
  return

