From 33ba4ce07f2f028514dec9e0ea97020d1ffae9a7 Mon Sep 17 00:00:00 2001
From: diminator <dimi.dejonghe@gmail.com>
Date: Tue, 29 Sep 2015 14:13:15 +0200
Subject: [PATCH] li instead of menuitem

---
 .../piece_list_toolbar_order_widget.js        | 31 ++++++++++---------
 1 file changed, 16 insertions(+), 15 deletions(-)

diff --git a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js
index 38b92b6d..a44b8ca2 100644
--- a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js
+++ b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_order_widget.js
@@ -3,7 +3,6 @@
 import React from 'react';
 
 import DropdownButton from 'react-bootstrap/lib/DropdownButton';
-import MenuItem from 'react-bootstrap/lib/MenuItem';
 
 import { getLangText } from '../../utils/lang_utils.js';
 
@@ -62,20 +61,22 @@ let PieceListToolbarOrderWidget = React.createClass({
                 </li>
                 {this.props.orderParams.map((param) => {
                     return (
-                        <MenuItem
-                            key={param}
-                            onClick={this.orderBy(param)}
-                            className="filter-widget-item">
-                            <div className="checkbox-line">
-                                <span>
-                                    {getLangText(param.replace('_', ' '))}
-                                </span>
-                                <input
-                                    readOnly
-                                    type="checkbox"
-                                    checked={param.indexOf(this.props.orderBy) > -1} />
-                            </div>
-                        </MenuItem>
+                        <div>
+                            <li
+                                key={param}
+                                onClick={this.orderBy(param)}
+                                className="filter-widget-item">
+                                <div className="checkbox-line">
+                                    <span>
+                                        {getLangText(param.replace('_', ' '))}
+                                    </span>
+                                    <input
+                                        readOnly
+                                        type="checkbox"
+                                        checked={param.indexOf(this.props.orderBy) > -1} />
+                                </div>
+                            </li>
+                        </div>
                     );
                 })}
             </DropdownButton>