fix: switch back to divs, rendering glitch

When using <ul> <li> there's a rendering glitch (a border) that I
cannot remove. Only here because of all the react wrapping but still
cannot use it now.

Until we find another templating solution

Author: vvo

components/RefinementList.js

@@ -41,15 +41,15 @@ class RefinementList extends React.Component {
     var template = this.props.template;
 
     return (
-      <ul className={this.props.rootClass}>
+      <div className={this.props.rootClass}>
         {facetValues.map(facetValue => {
           return (
-            <li className={this.props.itemClass} key={facetValue.name} onClick={this.handleClick.bind(this, facetValue.name)}>
+            <div className={this.props.itemClass} key={facetValue.name} onClick={this.handleClick.bind(this, facetValue.name)}>
               <Template data={facetValue} template={template} />
-            </li>
+            </div>
           );
         })}
-      </ul>
+      </div>
     );
   }
 }