CSS cleanup

src/assets/styles/common-base-screen.scss

@@ -5,6 +5,7 @@
     width: 100vw;
     display: flex;
     justify-content: space-between;
+    align-items: center;
     padding: 0 24px;
     border-bottom: 1px solid var(--iqser-separator);
     box-sizing: border-box;
@@ -22,7 +23,6 @@
 
     .app-name {
         font-family: var(--iqser-app-name-font-family);
-        margin-left: 10px;
         height: 20px;
         font-size: var(--iqser-font-size);
         font-weight: 800;

src/assets/styles/common-layout.scss

@@ -256,10 +256,6 @@ section.settings {
     width: fit-content;
 }
 
-.d-flex {
-    display: flex;
-}
-
 .cdk-overlay-container {
     z-index: 800;
 }

src/lib/inputs/editable-input/editable-input.component.html

@@ -3,7 +3,7 @@
         {{ value }}
     </div>
 
-    <div class="d-flex">
+    <div class="flex">
         <iqser-circle-button
             (action)="editing = true"
             [tooltip]="editTooltip"
@@ -23,7 +23,7 @@
         </div>
     </form>
 
-    <div class="d-flex">
+    <div class="flex">
         <iqser-circle-button (action)="saveValue()" [tooltip]="saveTooltip" [type]="buttonsType" icon="iqser:check"></iqser-circle-button>
         <iqser-circle-button
             (action)="editing = false"

src/lib/listing/workflow/column-header/column-header.component.html

@@ -8,7 +8,7 @@
                 class="all-caps-label primary pointer"
                 translate="workflow.selection.select"
             ></span>
-            <div *ngIf="activeSelection" class="d-flex">
+            <div *ngIf="activeSelection" class="flex">
                 <span (click)="selectAll()" class="all-caps-label primary pointer mr-10" translate="workflow.selection.all"></span>
                 <span (click)="selectNone()" class="all-caps-label primary pointer" translate="workflow.selection.none"></span>
             </div>