adjust checkbox style

app/index.html

@@ -18,6 +18,7 @@
     <link rel="stylesheet" href="../bower_components/AdminLTE/dist/css/AdminLTE.min.css"/>
     <link rel="stylesheet" href="../bower_components/sweetalert/dist/sweetalert.css"/>
     <link rel="stylesheet" href="../bower_components/seiyria-bootstrap-slider/dist/css/bootstrap-slider.min.css"/>
+    <link rel="stylesheet" href="../bower_components/awesome-bootstrap-checkbox/awesome-bootstrap-checkbox.css"/>
     <link rel="stylesheet" href="../bower_components/angular/angular-csp.css"/>
     <link rel="stylesheet" href="../bower_components/angular-busy/dist/angular-busy.min.css"/>
     <!-- endbuild -->

app/styles/aria-ng.css

@@ -3,6 +3,13 @@
  * https://github.com/mayswind/AriaNg
  */
 
+body {
+    -ms-user-select: none;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    user-select: none;
+}
+
 /* skin-aria-ng */
 .skin-aria-ng {
     overflow-y: hidden;
@@ -440,6 +447,11 @@ td {
     font-size: 12px;
 }
 
+.task-table .checkbox, .task-table .radio {
+    margin-top: 0;
+    margin-bottom: 0;
+}
+
 .task-table .progress {
     position: relative;
 }

app/views/task-detail.html

@@ -133,8 +133,11 @@
                     <div class="task-table-body">
                         <div class="row" ng-repeat="file in task.files | fileOrderBy: getFileListOrderType()">
                             <div class="col-sm-8">
-                                <input type="checkbox" ng-checked="file.selected == 'true'" disabled="disabled"/>
-                                <span ng-bind="file.fileName"></span>
+                                <div class="checkbox checkbox-info">
+                                    <input id="{{'file_' + $index}}" type="checkbox" ng-checked="file.selected == 'true'" disabled="disabled"/>
+                                    <label for="{{'file_' + $index}}" ng-bind="file.fileName"></label>
+                                </div>
+
                             </div>
                             <div class="col-sm-2">
                                 <div class="progress">

bower.json

@@ -30,6 +30,7 @@
     "AdminLTE": "admin-lte#^2.3.3",
     "sweetalert": "^1.1.3",
     "seiyria-bootstrap-slider": "^7.0.3",
+    "awesome-bootstrap-checkbox": "^0.3.7",
     "jquery-slimscroll": "^1.3.7",
     "angular": "1.4.10",
     "angular-route": "1.4.10",