anchor.diff:        .radio
           label
             input(type="radio", name="themeRadio", id="theme1", value="normal", ng-model="settings.theme", ng-change="save()", checked)
  -          span(tooltip="Vivid default theme", tooltip-placement="right") Normal
  +          span(tooltip="Colorful default theme.", tooltip-placement="right") Normal
         .radio
           label
             input(type="radio", name="themeRadio", id="theme2", value="dark", ng-model="settings.theme", ng-change="save()")
  -          span(tooltip="Low contrast, great in dark surroundings", tooltip-placement="right") Dark
  +          span(tooltip="Low contrast, great in dark surroundings.", tooltip-placement="right") Dark
         .radio
           label
             input(type="radio", name="themeRadio", id="theme3", value="outline", ng-model="settings.theme", ng-change="save()")
  -          span(tooltip="Great when presenting", tooltip-placement="right") Outline
  +          span(tooltip="Higher contrast, great when presenting.", tooltip-placement="right") Outline
       .form-group
  -      label(for="initCmd", tooltip="This command gets executed when connected", tooltip-placement="top") Initial Command
  +      label(for="initCmd", tooltip="This command gets executed when connected.", tooltip-placement="top") Initial Command
           input.form-control.input#initCmd(type='string', ng-model="settings.initCmd", ng-change="save()")
       
       h5 Preferences
  
positive.code: 
      h5 Result Frames
      .form-group
        label(for="maxFrames", tooltip="Max number of frames in stream", tooltip-placement="top") Max Frames
          input.form-control.input#maxFrames(type='number', ng-model="settings.maxFrames", ng-change="save()")
      .form-group
        label(for="maxHistory", tooltip="Max number of history entries", tooltip-placement="top") Max History
          input.form-control.input#maxHistory(type='number', ng-model="settings.maxHistory", ng-change="save()")
      .checkbox
        label(for="scrollToTop")
          input#scrollToTop(type='checkbox', ng-model="settings.scrollToTop", ng-change="save()")
          span(tooltip="Automatically scroll stream to top on new frames", tooltip-placement="right")
            | &nbsp; Scroll To Top
  
      h5 Graph Visualization
      .form-group
        label(for="maxNeighbours", tooltip="Limit exploratary queries to this limit", tooltip-placement="top")
          | Max Neighbors
          input.form-control.input#maxNeighbours(type='number', ng-model="settings.maxNeighbours", ng-change="save()")
      .form-group
        label(for="maxRows", tooltip="Max number of rows to render", tooltip-placement="top") Max Rows
          input.form-control.input#maxRows(type='number', ng-model="settings.maxRows", ng-change="save()")
      .form-group
        label(for="maxRawSize", tooltip="Limit rendering of raw output to this number of characters", tooltip-placement="top") 
          | Max Raw Size
          input.form-control.input#maxRawSize(type='number', ng-model="settings.maxRawSize", ng-change="save()")
      .form-group
  
negative.code:     .checkbox(ng-show="neo4j.enterpriseEdition")
        label(for="storeCredentials")
          input#storeCredentials(type='checkbox', ng-model="settings.storeCredentials", ng-change="save()")
          span(tooltip="Remember connection credentials in browser.", tooltip-placement="right") 
            | &nbsp; Save login credentials
      .checkbox
        label(for="enableMotd")
          input#enableMotd(type='checkbox', ng-model="settings.enableMotd", ng-change="save()")
          span(tooltip="Show 'Message of the Day' link on start frame.", tooltip-placement="right")
            |  &nbsp; Enable MOTD feed
  
      h5 Network Connection
      .form-group
        label(for="maxExecutionTime", tooltip="Query timeout in seconds.", tooltip-placement="top")
          | Max Execution Time
          input.form-control.input#maxExecutionTime(type='number', ng-model="settings.maxExecutionTime", ng-change="save()")
      .form-group
  