fix: Bootstrap styles inclusion

src/adjuster/adjuster.directive.html

@@ -10,7 +10,7 @@
     </div>
     <div class="p-2 center-block">
       <div class="pt-2 text-secondary">Number of clusters to create: {{adjusterService.numberOfClusters}}</div>
-      <input type="range" class="form-range" [(ngModel)]="adjusterService.numberOfClusters" min="5" max="15" step="1">
+      <input type="range" class="custom-range" [(ngModel)]="adjusterService.numberOfClusters" min="5" max="15" step="1">
     </div>
     <div *ngFor="let factor of adjusterService.factors; let datasetlistVisible = false">
       <div class="d-flex flex-row">
@@ -22,7 +22,7 @@
         </div>
         <div class="p-2">{{(factor.weight * 100).toFixed(0)}}&nbsp;%</div>
       </div>
-      <input type="range" class="form-range" [(ngModel)]="factor.weight" min="0" max="1.0" step="0.05">
+      <input type="range" class="custom-range" [(ngModel)]="factor.weight" min="0" max="1.0" step="0.05">
       <div [hidden]="!datasetlistVisible">
         <div *ngFor="let dataset of factor.datasets; let descriptionVisible = false">
           <button type="button" class="btn btn-sm btn-light hs-lm-item-visibility"

src/custom.scss

@@ -1,3 +1,10 @@
+@import "~bootstrap/scss/_functions";
+@import "~bootstrap/scss/_variables";
+@import "~bootstrap/scss/_mixins";
+@import "~bootstrap/scss/spinners";
+@import "~bootstrap/scss/custom-forms";
+
+
 html, body {
   margin: 0;
   padding: 0;
@@ -9,8 +16,6 @@ html, body {
   padding: 0;
 }
 
-.hsl {
-
 .cursor-pointer {
   cursor: pointer;
 }
@@ -45,5 +50,3 @@ html, body {
   text-align: center;
   margin-bottom: 1em;
 }
-
-}