feat: pretify adjuster view

src/adjuster/adjuster.directive.html

@@ -1,26 +1,27 @@
 <div class="card card-default mainpanel">
   <hs.layout.panel-header panel-name="adjuster" panel-title="'Adjust factors'||translate"></hs.layout.panel-header>
   <div class="card-body">
-    <button type="button" class="btn btn-primary" ng-click="PraAdjusterService.apply()" ng-disabled="PraAdjusterService.isClusteringInProcess()">Calculate clusters</button>
-    <div class="card-body">
-      <div ng-repeat="factor in PraAdjusterService.factors">
-        <div class="d-flex flex-row">
-          <div class="p-2 flex-grow-1">
-            <span class="glyphicon cursor-pointer" ng-class="datasetlistVisible ? 'icon-chevron-down' : 'icon-chevron-right'"
-              ng-click="datasetlistVisible = !datasetlistVisible"></span>
-            <label class="cursor-pointer" ng-click="datasetlistVisible = !datasetlistVisible">{{factor.name}}</label>
-          </div>
-          <div class="p-2">{{(factor.weight * 100).toFixed(0)}}&nbsp;%</div>
+    <div class="p-2 center-block">
+      <button type="button" class="btn btn-primary" ng-click="PraAdjusterService.apply()"
+        ng-disabled="PraAdjusterService.isClusteringInProcess()">Calculate clusters</button>
+    </div>
+    <div ng-repeat="factor in PraAdjusterService.factors">
+      <div class="d-flex flex-row">
+        <div class="p-2 flex-grow-1">
+          <span class="glyphicon cursor-pointer"
+            ng-class="datasetlistVisible ? 'icon-chevron-down' : 'icon-chevron-right'"
+            ng-click="datasetlistVisible = !datasetlistVisible"></span>
+          <label class="cursor-pointer" ng-click="datasetlistVisible = !datasetlistVisible">{{factor.name}}</label>
         </div>
-        <input type="range" class="custom-range" ng-model="factor.weight" min="0"
-          max="1.0" step="0.05">
-        <div ng-init="datasetlistVisible = false" ng-show="datasetlistVisible">
-          <div ng-repeat="dataset in factor.datasets">
-            <button type="button" class="btn btn-sm btn-light hs-lm-item-visibility"
-              ng-click="dataset.included = !dataset.included;$event.stopPropagation()"
-              ng-class="dataset.included ? 'hs-checkmark' : 'hs-uncheckmark'"></button>
-            <label>{{dataset.name}}</label>
-          </div>
+        <div class="p-2">{{(factor.weight * 100).toFixed(0)}}&nbsp;%</div>
+      </div>
+      <input type="range" class="custom-range" ng-model="factor.weight" min="0" max="1.0" step="0.05">
+      <div ng-init="datasetlistVisible = false" ng-show="datasetlistVisible">
+        <div ng-repeat="dataset in factor.datasets">
+          <button type="button" class="btn btn-sm btn-light hs-lm-item-visibility"
+            ng-click="dataset.included = !dataset.included;$event.stopPropagation()"
+            ng-class="dataset.included ? 'hs-checkmark' : 'hs-uncheckmark'"></button>
+          <label>{{dataset.name}}</label>
         </div>
       </div>
     </div>