'use strict';

const View = require('@scola/view');

class PanelItemView extends View.Abstract {
  build() {
    this.element('outer', 'div')
      .properties({
        className: 'scola item'
      })
      .style({
        background: '#FFF',
        borderTopWidth: '1px',
        borderTopColor: '#CCC',
        lineHeight: '3em'
      })
      .if(this.capability('hairline'))
      .style({
        borderTopWidth: '0.5px'
      });

    this.element('inner', 'div')
      .properties({
        className: 'scola inner'
      })
      .style({
        display: 'flex',
        margin: '0 0 0 1em'
      })
      .appendTo(this.element('outer'));
  }

  render() {
    return this.element('outer');
  }

  top() {
    throw new Error('not_implemented');
  }
}

module.exports = PanelItemView;

@@ -571,36 +571,323 @@
 lex'
-,
 %0A      
-  margin: '0 0 0 1em
+%7D)%0A      .appendTo(this.element('outer'));%0A%0A    this.element('padding', 'div')%0A      .properties(%7B%0A        className: 'scola padding'%0A      %7D)%0A      .style(%7B%0A        borderTop: '1px none #CCC',%0A        width: '1em'%0A      %7D)%0A      .if(this.capability('hairline'))%0A      .style(%7B%0A        borderTopWidth: '0.5px
 '%0A  
@@ -919,27 +919,27 @@
 is.element('
-out
+inn
 er'));%0A  %7D%0A%0A

Fix border of active list item