TSK-753 - Problem with svg-icon scrolled down

web/src/app/administration/classification/master/list/classification-list.component.scss

@@ -32,3 +32,7 @@ input.filter-input {
   margin-left: 15px;
   min-width: 0px;
 }
+
+div.category-filter svg-icon {
+  position: initial;
+}

web/src/app/components/nav-bar/nav-bar.component.scss

@@ -37,6 +37,7 @@ svg-icon.logo {
     width: 150px;
     height: 50px;
     padding: 5px;
+    position: initial;
 }
 
 h2.navbar-brand{

web/src/app/shared/tree/tree.component.scss

@@ -1,3 +1,7 @@
 .text-top{
     vertical-align: text-top;
 }
+
+svg-icon.blue.fa-fw {
+  position: initial;
+}

web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.html

@@ -28,7 +28,7 @@
     </div>
       <div class="dropdown clearfix pull-right margin-right">
         <button type="button" class="btn btn-default dropdown-button" [ngClass]="{'reduced-width': searched}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true" title="{{searchSelected == search.byTypeAndValue ? 'Type and value' : 'Workbasket'}}">
-          <svg-icon *ngIf="searchSelected == search.byWorkbasket" class="blue" src="./assets/icons/wb-empty.svg"></svg-icon>
+          <svg-icon *ngIf="searchSelected == search.byWorkbasket" class="blue small" src="./assets/icons/wb-empty.svg"></svg-icon>
           <span *ngIf="searchSelected == search.byTypeAndValue" class="material-icons md-20 blue">title</span>
           <span class="caret"></span>
         </button>
@@ -42,7 +42,7 @@
               <a class="dropdown-item" (click)="selectSearch(search.byWorkbasket)">
                 <label>
                   <span class="material-icons md-20 blue margin-right" aria-hidden="true">{{ searchSelected === search.byWorkbasket ? 'check_box': 'check_box_outline_blank' }}</span>
-                  <svg-icon class="margin-right" src="./assets/icons/wb-empty.svg"></svg-icon>
+                  <svg-icon class="margin-right small" src="./assets/icons/wb-empty.svg"></svg-icon>
                   <small class="margin-right blue-font">Workbasket</small>
                 </label>
               </a>

web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.scss

@@ -28,8 +28,6 @@ ul {
 }
 
 svg-icon {
-  height: 18px;
-  width: 18px;
   fill: $blue;
 }
 
@@ -60,3 +58,7 @@ div.input-group {
 button.btn.btn-primary {
   height: 34px;
 }
+
+#tasklist-action-toolbar svg-icon.blue {
+  position: initial;
+}

web/src/assets/_site.scss

@@ -128,6 +128,11 @@ svg-icon.fa-fw > svg {
     width: 1.25em;
 }
 
+svg-icon {
+  position: relative;
+  top: 4px;
+}
+
 .panel-default > .panel-heading .badge.warning {
     background-color: $brown;
 }