Fix sonarqube selectors should be known

src/app/login/containers/login.component.css

-tabset .active.tab-pane {
+.tabset .active.tab-pane {
     border: 1px solid #dee2e6;
     border-top: none;
     border-bottom-left-radius: .25rem;

src/app/login/containers/login.component.html

 <div class="row align-items-center">
     <div class="col-12 mx-auto col-md-6 order-md-2 text-center">
-        <tabset [justified]="true">
+        <tabset [justified]="true" class="tabset">
             <tab heading="Login">
                 <div class="container text-left py-2">
                     <app-form-login (submitted)="login($event)"></app-form-login>

src/app/search/components/criteria/search-type/datetime.component.css

-ng-select {
+.ng-select {
     width: 80px;
 }
\ No newline at end of file

src/app/search/components/criteria/search-type/datetime.component.html

@@ -13,13 +13,13 @@
     <div class="col">
         <div class="row">
             <div class="col-auto pr-2">
-                <ng-select (change)="change()" [formControl]="hh" [multiple]="false" placeholder="HH...">
+                <ng-select (change)="change()" [formControl]="hh" [multiple]="false" placeholder="HH..." class="ng-select">
                     <ng-option *ngFor="let hour of hours" [value]="hour">{{ hour }}</ng-option>
                 </ng-select>
             </div>
             <div class="col-auto p-0">:</div>
             <div class="col-auto pl-2">
-                <ng-select (change)="change()" [formControl]="mm" [multiple]="false" placeholder="MM...">
+                <ng-select (change)="change()" [formControl]="mm" [multiple]="false" placeholder="MM..." class="ng-select">
                     <ng-option *ngFor="let min of minutes" [value]="min">{{ min }}</ng-option>
                 </ng-select>
             </div>

src/app/search/components/criteria/search-type/time.component.css

-ng-select {
+.ng-select {
     width: 80px;
 }
\ No newline at end of file

src/app/search/components/criteria/search-type/time.component.html

@@ -3,13 +3,13 @@
     <div class="col">
         <div class="row">
             <div class="col-auto pr-2">
-                <ng-select [formControl]="hh" [multiple]="false" placeholder="HH...">
+                <ng-select [formControl]="hh" [multiple]="false" placeholder="HH..." class="ng-select">
                     <ng-option *ngFor="let hour of hours" [value]="hour">{{ hour }}</ng-option>
                 </ng-select>
             </div>
             <div class="col-auto p-0">:</div>
             <div class="col-auto pl-2">
-                <ng-select [formControl]="mm" [multiple]="false" placeholder="MM...">
+                <ng-select [formControl]="mm" [multiple]="false" placeholder="MM..." class="ng-select">
                     <ng-option *ngFor="let min of minutes" [value]="min">{{ min }}</ng-option>
                 </ng-select>
             </div>

src/app/search/components/dataset/dataset-tabs.component.css

-tabset .tab-pane, tabset .tab-pane .family-empty {
+.tabset .tab-pane, .tabset .tab-pane .family-empty {
     min-height: 300px;
 }
 
-tabset .tab-pane {
+.tabset .tab-pane {
     padding-top: 13px;
 }
 
-tabset .active.tab-pane {
+.tabset .active.tab-pane {
     border: 1px solid #dee2e6;
     border-top: none;
     border-bottom-left-radius: .25rem;

src/app/search/components/dataset/dataset-tabs.component.html

@@ -14,7 +14,7 @@
     </div>
 </div>
 
-<tabset *ngIf="datasetFamilyList.length > 1" [justified]="true">
+<tabset *ngIf="datasetFamilyList.length > 1" [justified]="true" class="tabset">
     <tab *ngFor="let family of getDatasetFamilyListSortedByDisplay()"
         heading="{{family.label}} ({{getDatasetListByFamily(family.id).length}})">
         <div *ngIf="getDatasetListByFamily(family.id).length < 1" class="row align-items-center family-empty">