anchor.diff:              })()
   
               $('#buildInfo').click(function() {
  -                $('#header').html($('#basicBuildInfo').html())
  +                $('#info-message').html($('#basicBuildInfo').html())
               })
   
               // CLEARABLE INPUT
  
positive.code:                 })
              })()
          })
      #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
              table
                  thead
                      tr
                          th
                              .th-content
                              .th-inner
                                  div module
                                  div all
                                  div none
                          th
                              .th-inner
                                  div o
                                  div
                                      input.internal_all(type='button')
                                  div
                                      input.internal_none(type='button')
                          th
                              .th-inner
                                  div ->
                                  div
                                      input.outdep_all(type='button')
                                  div
                                      input.outdep_none(type='button')
                          th
                              .th-inner
                                  div <-
                                  div
                                      input.indep_all(type='button')
                                  div
                                      input.indep_none(type='button')
                          th
                              .th-inner
                                  div x
                                  div
                                      input.ignore_all(type='button')
                                  div
                                      input.ignore_none(type='button')
                  tbody
      #header
      #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...
  
negative.code: 
  block content
      style.
          #left-panel {
              position: absolute;
              top: 0px;
              width: 20%;
              bottom: 0px;
              left: 0px;
              display: flex;
              flex-flow: column nowrap;
              box-shadow: 3px 0px 10px 0px #ccc;
              /* background-color: #fcc; */
              background-color: #eee;
              z-index: 10;
          }
          #main-panel {
              position: absolute;
              top: 0px;
              right: 0px;
              bottom: 0px;
              left: 20%;
              display: flex;
              flex-flow: column nowrap;
          }
          #top-panel {
              background-color: #eee;
              flex: 0 0 auto;
          }
          #top-panel > div {
              padding: 5px;
          }
          #diagram {
              overflow: auto;
              flex: 1 1 auto;
              padding: 5px;
              /* background-color: #ccf; */
          }
  
          #left-panel > div {
              /* background-color: #f88; */
              margin: 5px;
          }
          .param-container {
              flex: 0 0 auto;
              display: flex;
              flex-flow: row wrap;
              justify-content: space-between;
              margin: 0px -5px;
          }
          .param {
              padding: 3px;
              /* background-color: #5f5; */
              margin: 0px 5px;
          }
          .param.wide {
              width: 100%;
          }
          .param > * {
              display: inline;
          }
          .param-label-left {
              margin-right: 5px;
          }
          .param-label-right {
              margin-left: 5px;
          }
          #edge_length_param {
              flex-grow: 100;
          }
          #edge_length {
              display: inline-block;
              width: 100%;
              margin-top: 5px;
          }
  
          #modules {
              overflow-y: auto;
              flex: 0 1 auto;
          }
          .with-border-top {
              border-top: 1px solid #ddd;
          }
          .table-strut {
              height: 77px;
          }
          .fixed-column-header {
              position: absolute;
          }
          .fixed-column-header div {
              height: 25px;
          }
          th:nth-child(1) .fixed-column-header {
              text-align: right;
          }
          .fixed-header-background {
              position: absolute;
              background-color: #eee;
              height: 77px;
              left: 0px;
              right: 18px;
              box-shadow: 0px 5px 12px 0px #ccc;
              border-radius: 0px 0px 10px 0px;
          }
          #modules table {
              width: 100%;
              border-collapse: collapse;
              background-color: #fff;
          }
          .tr-odd {
              background-color: #eee;
          }
          .modulename {
              padding-left: 12px;
              background-image: url('/images/bullet_gray.png');
              background-repeat: no-repeat;
              background-position: left 2px center;
          }
          .current .modulename {
              background-image: url('/images/bullet_green.png');
          }
          .foreign td:nth-child(1) {
              color: #aaa;
          }
          #rescan {
              color: #c00;
          }
          .bad-text-input {
              background-color: #fcc;
          }
          #info-message > p {
              margin: 0px 0px 5px 0px;
              padding: 0px;
          }
          #info-message > .error {
              color: #c00;
          }
          .info-message-part-header {
              font-weight: bold;
          }
          #progress-overlay {
              background-color: #012;
              position: fixed;
              top: 0; right: 0; bottom: 0; left: 0;
              opacity: 0.5;
              z-index: 20;
          }
          .ui-progressbar {
              position: absolute;
  