add styling for piece list filter widget

js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js

@@ -115,15 +115,15 @@ let PieceListToolbarFilterWidgetFilter = React.createClass({
                         <MenuItem
                             key={i}
                             onClick={this.filterBy(param)}
-                            style={{'textAlign': 'center'}}>
+                            className="filter-widget-item">
                             <div className="checkbox-line">
                                 <span>
                                     {getLangText('I can') + ' ' + getLangText(label)}
-                                    <input
-                                        readOnly
-                                        type="checkbox"
-                                        checked={this.state.filterBy[param]} />
                                 </span>
+                                <input
+                                    readOnly
+                                    type="checkbox"
+                                    checked={this.state.filterBy[param]} />
                             </div>
                         </MenuItem>
                     );

sass/ascribe_piece_list_toolbar.scss

@@ -13,13 +13,32 @@
 
 .ascribe-piece-list-toolbar-filter-widget {
     margin-right: 1em;
-    .checkbox-line {
-        span {
-            cursor: pointer;
+
+    .filter-widget-item {
+
+        > a {
+            padding-left: 0;
+            padding-right: 0;
         }
+    }
+
+    .checkbox-line {
+        position: relative;
+        height: 25px;
+
+        span {
+            position: absolute;
+            left: 9px;
+            top: 3px;
+            cursor: pointer;
+
+            margin-right: 10px;
+        }
+
         input {
-            position: relative;
+            position: absolute;
             top: 2px;
+            right: 9px;
             margin-left: 10px;
         }
     }