From f31d576583b87d8d2860ddc04e7cae0a51fc2344 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tim=20Daubensch=C3=BCtz?= <tim@ascribe.io>
Date: Tue, 4 Aug 2015 15:58:39 +0200
Subject: [PATCH] add styling for piece list filter widget

---
 .../piece_list_toolbar_filter_widget.js       | 10 +++----
 sass/ascribe_piece_list_toolbar.scss          | 27 ++++++++++++++++---
 2 files changed, 28 insertions(+), 9 deletions(-)

diff --git a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js b/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js
index dc77469f..7045011d 100644
--- a/js/components/ascribe_piece_list_toolbar/piece_list_toolbar_filter_widget.js
+++ b/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>
                     );
diff --git a/sass/ascribe_piece_list_toolbar.scss b/sass/ascribe_piece_list_toolbar.scss
index 81141c55..902d5be9 100644
--- a/sass/ascribe_piece_list_toolbar.scss
+++ b/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;
         }
     }