anchor.diff:      legend= self.t('group.options')
   
       .form-group
  -      label.control-label.col-md-3= self.t('group.short_name')
  -      .col-md-3
  +      label.control-label.col-xs-3= self.t('group.short_name')
  +      .col-xs-3
           input.form-control(type="text", data-bind="value: currentGroup.name, disable: currentGroup.isProtected")
           // ko if: currentGroup.localizedName()
           div(data-bind="text: currentGroup.localizedName")
           // /ko
   
       .form-group
  -      label.control-label.col-md-3= self.t('group.inherit')
  -      .col-md-3
  +      label.control-label.col-xs-3= self.t('group.inherit')
  +      .col-xs-3
           select.form-control(data-bind="options: otherGroups, optionsText: 'name', optionsCaption: '#{self.t('group.inherit_none')}', value: currentGroup.parentGroup")
   
       .form-group
  -      label.control-label.col-md-3= self.t('filter')
  -      .col-md-9
  +      label.control-label.col-xs-3= self.t('filter')
  +      .col-xs-9
           label.radio-inline
             input(type="radio", name="filter", value="", data-bind="checked: filter")
             = self.t('filter_options.show_all')
  
positive.code:         span.help-block(data-bind="text: localizedHelp")
          // /ko
  
        .col-md-4
          label.checkbox-inline(data-bind="visible: parentSetting")
            input(type="checkbox", data-bind="checked: overriden")
            = self.t('setting.override')
  
negative.code:     // ko foreach: settings
      .form-group.form-group-hover(data-bind="visible: visible, css: { overriden: overriden, inherited: inherited, forced: forced }")
  
        label.control-label.col-xs-3(data-bind="text: localizedName, attr: { 'for': elementId }")
  
        .col-xs-4.control-value
          // ko if: 'string' === valueType
          input.form-control(type="text", data-bind="value: value, valueUpdate: 'keyup', attr: { id: elementId }")
          // /ko
  