anchor.diff:        .panel-body
           form.form-inline(ng-submit = 'ctrl.configure(ctrl.configuration.proxyHost, ctrl.configuration.proxyPort)')
             fieldset
  -            p Proxy settings for xoa-updater to connect to the internet
  +            h4
  +              i.fa.fa-globe
  +              |  Proxy settings
  +            p If you need a proxy to access the Internet
               .form-group
  -              label.control-label Host&nbsp;
  -              input.form-control(type = 'text', ng-model = 'ctrl.configuration.proxyHost')
  +              label.control-label Host:&nbsp;
  +              input.form-control(type = 'text', ng-model = 'ctrl.configuration.proxyHost', placeholder = 'myproxy.example.org')
  +              | &nbsp;
                 | &nbsp;
               .form-group
  -              label.control-label Port&nbsp;
  -              input.form-control(type = 'text', ng-model = 'ctrl.configuration.proxyPort')
  +              label.control-label Port:&nbsp;
  +              input.form-control(type = 'text', ng-model = 'ctrl.configuration.proxyPort', placeholder = '3128')
  +              | &nbsp;
  +              | &nbsp;
                 | &nbsp;
               .form-group
                 button.btn.btn-primary(type = 'submit')
  -                | Save&nbsp;
  -                i.fa.fa-database
  +                i.fa.fa-floppy-o
  +                |  Save
     .grid-cell(ng-if = 'ctrl.updater._xoaState && ctrl.updater._xoaState.state !== "ERROR" && ctrl.updater.state !== "error"')
       .panel.panel-default
         .panel-heading.panel-title
           i.fa.fa-star(style="color: #e25440;")
           |  Trial
  -      .panel-body(ng-if = 'ctrl.updater._xoaState.state === "default" && !ctrl.updater._xoaState.trial')
  +      .panel-body.center(ng-if = 'ctrl.updater._xoaState.state === "default" && !ctrl.updater._xoaState.trial')
  +        p Discover XOA with ALL its features during 15 days!
  +        p No engagement and 100% Free.
           p
  -          button.btn.btn-success(type = 'button', ng-click = 'ctrl.trialAsk = true', ng-class = '{disabled: ctrl.trialAsk}') Trial
  +          button.btn.btn-lg.btn-success(type = 'button', ng-click = 'ctrl.trialAsk = true', ng-class = '{disabled: ctrl.trialAsk}')
  +            i.fa.fa-thumbs-up
  +            |  Start trial
           div(ng-if = 'ctrl.trialAsk')
  -          p During the trial period, XOA need to have a working internet connection. This limitation does not apply for our paid plans
  +          p During the trial period, XOA need to have a working internet connection. This limitation does not apply for our paid plans!
             p
  -            button.btn.btn-primary(type = 'button', ng-click = 'ctrl.trialAsk = false') Cancel
  +            button.btn.btn-primary(type = 'button', ng-click = 'ctrl.trialAsk = false')
  +              i.fa.fa-times
  +              |  Cancel
               | &nbsp;
  -            button.btn.btn-success(type = 'button', ng-click = 'ctrl.trial()') Start Trial
  +            button.btn.btn-success(type = 'button', ng-click = 'ctrl.trial()')
  +              i.fa.fa-check
  +              |  Start Trial
         .panel-body.bg-success(ng-if = 'ctrl.updater._xoaState.state === "default" && ctrl.valid(ctrl.updater._xoaState.trial)')
           p You can use a trial version until {{ ctrl.updater._xoaState.trial.end | date : 'fullDate' }}. Upgrade your appliance to get it.
         .panel-body(ng-if = 'ctrl.updater._xoaState.state === "default" && ctrl.updater._xoaState.trial && !ctrl.valid(ctrl.updater._xoaState.trial)')
  
positive.code:           i.fa.fa-exclamation-triangle.text-warning
        div(ng-if = 'ctrl.updater.state && ctrl.updater.registerState === "error"')
          .text-danger Can't fetch registration information.
            span.big-stat
              i.fa.fa-exclamation-triangle.text-danger
          br
          .text-danger {{ ctrl.updater.registerError }}
          br
          button.btn.btn-default(type = 'button', ng-click = 'ctrl.updater.isRegistered()')
            | Refresh&nbsp;
            i.fa.fa-refresh
        form(ng-if = 'ctrl.updater.state && ctrl.updater.registerState === "unregistered"', ng-submit = 'ctrl.registerXoa(ctrl.regEmail, ctrl.regPwd)')
          p.form-static-control Your Xen Orchestra appliance is not registered.
          .form-group
            label.sr-only(for = 'regEmail') Email
            input#regEmail.form-control(type = 'email', placeholder = 'Email', ng-model = 'ctrl.regEmail', required)
          .form-group
            label.sr-only(for = 'regPwd') Email
            input#regPwd.form-control(type = 'password', placeholder = 'Password', ng-model = 'ctrl.regPwd', required)
          .form-group
            button.btn.btn-primary(type = 'submit') Register
          p.form-static-control.text-danger {{ ctrl.updater.registerError }}
        p(ng-if = 'ctrl.updater.state && ctrl.updater.registerState === "registered"')
          | Your Xen Orchestra appliance is registered to 
  
negative.code:           i.fa.fa-refresh(ng-class = '{"fa-spin": ctrl.updater.isConnected}')
        .form-group(ng-if = 'ctrl.updater.state && ctrl.updater.state === "registerNeeded"')
          a.btn.btn-warning(ng-if = 'ctrl.updater.state === "registerNeeded"'): i.fa.fa-bell-slash(tooltip = 'Your XOA is not registered for updates')
          | &nbsp;Registration needed&nbsp;
          button.btn.btn-default(ng-if = 'ctrl.updater.registerState === "registered"', ng-click = 'ctrl.updater.update()', ng-class = '{disabled: ctrl.updater.updating || ctrl.updater.upgrading}'): i.fa.fa-refresh(ng-class = '{"fa-spin": ctrl.updater.updating || ctrl.updater.upgrading}')
        .form-group(ng-if = 'ctrl.updater.state && ctrl.updater.state !== "registerNeeded"')
          a.btn.btn-info(ng-if = 'ctrl.updater.state === "connected"'): i.fa.fa-question-circle(tooltip = 'Update information may be available')
  