From 92dfc997836591210459abb8d95ccd5a0b651267 Mon Sep 17 00:00:00 2001
From: Jose Ignacio Recuerda Cambil <ignaciorecuerda@users.noreply.github.com>
Date: Wed, 28 Nov 2018 15:55:43 +0100
Subject: [PATCH] TSK-753 - Problem with svg-icon scrolled down

---
 .../master/list/classification-list.component.scss          | 4 ++++
 web/src/app/components/nav-bar/nav-bar.component.scss       | 1 +
 web/src/app/shared/tree/tree.component.scss                 | 4 ++++
 .../tasklist-toolbar/tasklist-toolbar.component.html        | 4 ++--
 .../tasklist-toolbar/tasklist-toolbar.component.scss        | 6 ++++--
 web/src/assets/_site.scss                                   | 5 +++++
 6 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/web/src/app/administration/classification/master/list/classification-list.component.scss b/web/src/app/administration/classification/master/list/classification-list.component.scss
index 3a2232434..6ef54bcc2 100644
--- a/web/src/app/administration/classification/master/list/classification-list.component.scss
+++ b/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;
+}
diff --git a/web/src/app/components/nav-bar/nav-bar.component.scss b/web/src/app/components/nav-bar/nav-bar.component.scss
index 08e4c12fd..152b571da 100644
--- a/web/src/app/components/nav-bar/nav-bar.component.scss
+++ b/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{
diff --git a/web/src/app/shared/tree/tree.component.scss b/web/src/app/shared/tree/tree.component.scss
index 313401d26..713544699 100644
--- a/web/src/app/shared/tree/tree.component.scss
+++ b/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;
+}
diff --git a/web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.html b/web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.html
index fa5857740..2ac939cbe 100644
--- a/web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.html
+++ b/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>
diff --git a/web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.scss b/web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.scss
index d232f6b76..79ecc2610 100644
--- a/web/src/app/workplace/tasklist/tasklist-toolbar/tasklist-toolbar.component.scss
+++ b/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;
+}
diff --git a/web/src/assets/_site.scss b/web/src/assets/_site.scss
index 150659643..2971da174 100644
--- a/web/src/assets/_site.scss
+++ b/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;
 }