anchor.diff:                  })
               })()
           })
  -    #param
  -        .padding
  -            div
  -                span Visualizer
  -                select#visualizer(selected='dot')
  -                    option(value='dot') dot
  -                    option(value='neato') neato
  -                    option(value='fdp') fdp
  -                    option(value='sfdp') sfdp
  -                    option(value='twopi') twopi
  -                    option(value='circo') circo
  -                input#buildInfo(type='button' value='?')
  -                input#rescan(type='button' value='rescan')
  -            div
  -                .param Edge length / rank separation
  -                #edge_length
  -            .param
  -                input#indirect(type='checkbox')
  -                span Indirect
  -                input#detailed(type='checkbox')
  -                span Detailed
  -    #filter
  -        .padding-h
  -            .param
  -                input.filter-option(type='radio' name='filter' value='' checked)
  -                span All
  -                input.filter-option(type='radio' name='filter' value=':not(.foreign)')
  -                span Built
  -                input.filter-option(type='radio' name='filter' value='.foreign')
  -                span Not built
  -                input.filter-option(type='radio' name='filter' value='.current')
  -                span Current
  -                br
  -                span Name
  -                input.clearable#filter-name(type='text' placeholder='regex pattern')
  -    #modules
  -        //-
  -            Note: Fixed table header implementation is based on this:
  -            http://salzerdesign.com/test/fixedTable.html
  -        .header-background
  -        .fixed-table-container-inner
  +    #left-panel
  +        div
  +            .param-container
  +                .param
  +                    .param-label-left Visualizer
  +                    select#visualizer(selected='dot')
  +                        option(value='dot') dot
  +                        option(value='neato') neato
  +                        option(value='fdp') fdp
  +                        option(value='sfdp') sfdp
  +                        option(value='twopi') twopi
  +                        option(value='circo') circo
  +                .param
  +                    input#rescan(type='button' value='rescan')
  +                .param
  +                    input#buildInfo(type='button' value='?')
  +                .param.wide#edge_length_param
  +                    .param-label-left Edge length / rank separation<br/>
  +                    #edge_length
  +                .param
  +                    input#indirect(type='checkbox')
  +                    .param-label-right Indirect
  +                .param
  +                    input#detailed(type='checkbox')
  +                    .param-label-right Detailed
  +        .with-border-top
  +            .param-container
  +                .param
  +                    input.filter-option(type='radio' name='filter' value='' checked)
  +                    .param-label-right All
  +                .param
  +                    input.filter-option(type='radio' name='filter' value=':not(.foreign)')
  +                    .param-label-right Built
  +                .param
  +                    input.filter-option(type='radio' name='filter' value='.foreign')
  +                    .param-label-right Not built
  +                .param
  +                    input.filter-option(type='radio' name='filter' value='.current')
  +                    .param-label-right Current
  +                .param
  +                    .param-label-left Name
  +                    input.clearable#filter-name(type='text' placeholder='regex pattern')
  +        .with-border-top#modules
  +            .fixed-header-background
               table
                   thead
                       tr
                           th
  -                            .th-content
  -                            .th-inner
  +                            .fixed-column-header
                                   div module
                                   div all
                                   div none
  +                            .table-strut
                           th
  -                            .th-inner
  +                            .fixed-column-header
                                   div o
                                   div
                                       input.internal_all(type='button')
                                   div
                                       input.internal_none(type='button')
  +                            .table-strut
                           th
  -                            .th-inner
  +                            .fixed-column-header
                                   div ->
                                   div
                                       input.outdep_all(type='button')
                                   div
                                       input.outdep_none(type='button')
  +                            .table-strut
                           th
  -                            .th-inner
  +                            .fixed-column-header
                                   div <-
                                   div
                                       input.indep_all(type='button')
                                   div
                                       input.indep_none(type='button')
  +                            .table-strut
                           th
  -                            .th-inner
  +                            .fixed-column-header
                                   div x
                                   div
                                       input.ignore_all(type='button')
                                   div
                                       input.ignore_none(type='button')
  +                            .table-strut
                   tbody
  -    #header
  +    #main-panel
  +        #top-panel
  +            #info-message
  +        .with-border-top#diagram
  +            .padding
  +                img#diagramImage(src='images/question.png')
       #basicBuildInfo(style='display:none;')
           h1 Select modules to show diagram for
           h2 Build directory: #{req.buildInfo.options.buildPath}
  -    #diagram
  -        .padding
  -            img#diagramImage(src='images/question.png')
       #progress-overlay
           #progressbar
               .progress-label Scanning dependencies...
  
positive.code:         .clearable.x  { background-position: right 5px center; } /* (jQ) Show icon */
          .clearable.onX{ cursor: pointer; }              /* (jQ) hover cursor style */
          .clearable::-ms-clear {display: none; width:0; height:0;} /* Remove IE default X */
      script.
          $(document).ready(function() {
              var edge_length = 1
  
negative.code:             }
              function loadDiagram() {
                  var p = diagramParam()
                  var h = $('#info-message')
                  function par(text) { return '<p>' + text + '</p>'}
                  function infoPart(partName, text) { return par('<span class="info-message-part-header">' + partName + ':</span> ' + text) }
                  h.html(
                      infoPart('internal', p.internal.join(' ')) +
                      infoPart('outdep', p.outdep.join(' ')) +
                      infoPart('indep', p.indep.join(' ')) +
                      infoPart('ignore', p.ignore.join(' '))
                      )
                  $.get('/diagram', p)
                      .done(function(data) {
  