Correct some indentations, remove unnecessary elements, and change class names

frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.html

@@ -1,39 +1,37 @@
-<div class="op-bcf-list-container">
-     <div class="op-bcf-list-container--result-overlay"
-          *ngIf="(showResultOverlay$ | async) && showTableView"></div>
+<div class="op-bcf-list-container--result-overlay"
+     *ngIf="(showResultOverlay$ | async) && showTableView"></div>
 
-     <!-- TABLE + TIMELINE horizontal split -->
-     <div class="op-bcf-list-container--work-packages-split-view--tabletimeline-container"
-          [ngClass]="{ '-with-resizer': showResizerInCardView() }"
-          *ngIf="tableInformationLoaded && showTableView">
-     <wp-resizer elementClass="work-packages-partitioned-page--content-right"
-               localStorageKey="openProject-splitViewFlexBasis">
-     </wp-resizer>
+<!-- TABLE + TIMELINE horizontal split -->
+<div class="op-bcf-list-container--work-packages-split-view--tabletimeline-container"
+     [ngClass]="{ '_with-resizer': showResizerInCardView() }"
+     *ngIf="tableInformationLoaded && showTableView">
+<wp-resizer elementClass="work-packages-partitioned-page--content-right"
+          localStorageKey="openProject-splitViewFlexBasis">
+</wp-resizer>
 
-     <wp-table [projectIdentifier]="CurrentProject.identifier"
-               [configuration]="wpTableConfiguration"
-               (itemClicked)="handleWorkPackageClicked($event)"
-               (stateLinkClicked)="openStateLink($event)"
-               class="work-packages-split-view--tabletimeline-content">
-     </wp-table>
-     </div>
+<wp-table [projectIdentifier]="CurrentProject.identifier"
+          [configuration]="wpTableConfiguration"
+          (itemClicked)="handleWorkPackageClicked($event)"
+          (stateLinkClicked)="openStateLink($event)"
+          class="work-packages-split-view--tabletimeline-content">
+</wp-table>
+</div>
 
-     <!-- GRID representation of the WP -->
-     <div *ngIf="!showTableView"
-          class="op-bcf-list-container--work-packages--card-view-container"
-          [ngClass]="{ '-with-resizer': showResizerInCardView() }" >
-     <wp-grid [configuration]="wpTableConfiguration"
-               [showResizer]="showResizerInCardView()"
-               (itemClicked)="handleWorkPackageCardClicked($event)"
-               (stateLinkClicked)="openStateLink($event)"
-               resizerClass="work-packages-partitioned-page--content-right"
-               resizerStorageKey="openProject-splitViewFlexBasis">
-     </wp-grid>
-     </div>
+<!-- GRID representation of the WP -->
+<div *ngIf="!showTableView"
+     class="op-bcf-list-container--work-packages--card-view-container"
+     [ngClass]="{ '_with-resizer': showResizerInCardView() }" >
+<wp-grid [configuration]="wpTableConfiguration"
+          [showResizer]="showResizerInCardView()"
+          (itemClicked)="handleWorkPackageCardClicked($event)"
+          (stateLinkClicked)="openStateLink($event)"
+          resizerClass="work-packages-partitioned-page--content-right"
+          resizerStorageKey="openProject-splitViewFlexBasis">
+</wp-grid>
+</div>
 
-     <!-- Footer -->
-     <div class="work-packages-split-view--tabletimeline-footer hide-when-print"
-          *ngIf="tableInformationLoaded">
-     <wp-table-pagination></wp-table-pagination>
-     </div>
+<!-- Footer -->
+<div class="work-packages-split-view--tabletimeline-footer hide-when-print"
+     *ngIf="tableInformationLoaded">
+<wp-table-pagination></wp-table-pagination>
 </div>

frontend/src/app/features/bim/ifc_models/bcf/list-container/bcf-list-container.component.sass

@@ -13,7 +13,7 @@
     @include styled-scroll-bar
 
     @media screen and (min-width: 679px)
-      &.-with-resizer
+      &._with-resizer
         padding-left: 10px
 
     @media screen and (max-width: 679px)
@@ -27,7 +27,7 @@
     @include styled-scroll-bar
 
     @media screen and (min-width: 679px)
-      &.-with-resizer
+      &._with-resizer
         padding-left: 10px
 
     @media screen and (max-width: 679px)

frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.html

@@ -26,8 +26,8 @@
     </div>
 
     <div class="op-ifc-viewer--toolbar-container"
-    data-qa-selector="op-ifc-viewer--toolbar-container"
-    ></div>
+          data-qa-selector="op-ifc-viewer--toolbar-container">
+    </div>
     <canvas #modelCanvas
             class="op-ifc-viewer--model-canvas"
             data-qa-selector="op-ifc-viewer--model-canvas"

frontend/src/app/features/bim/ifc_models/ifc-viewer/ifc-viewer.component.sass

@@ -52,7 +52,7 @@
     margin-top: 10px
     margin-right: 5px
 
-@media only screen and (max-width: 679px)
-  .op-ifc-viewer--nav-cube-canvas,
-  .op-ifc-viewer--focus-warning
-    display: none
+  &--nav-cube-canvas,
+  &--focus-warning
+    @media only screen and (max-width: 679px)
+      display: none