From 83abbfc486f96e8950373c1dcd15c85d4b410dd1 Mon Sep 17 00:00:00 2001
From: Roman Hotsiy <gotsijroman@gmail.com>
Date: Sun, 29 Nov 2015 20:04:21 +0200
Subject: [PATCH] zippy indicator minor ui fix

---
 lib/common/components/Zippy/zippy.html | 2 +-
 lib/common/components/Zippy/zippy.scss | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/lib/common/components/Zippy/zippy.html b/lib/common/components/Zippy/zippy.html
index c296ef4a..4f89c200 100644
--- a/lib/common/components/Zippy/zippy.html
+++ b/lib/common/components/Zippy/zippy.html
@@ -1,7 +1,7 @@
 <div class="zippy zippy-{{type}}" [ng-class]="{'zippy-empty': empty}">
   <div class="zippy-title" (click)="toggle()">
+    <span class="zippy-indicator">{{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }}</span>
     {{title}}
-    <span class="zippy-indicator"> {{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }} </span>
   </div>
   <div class="zippy-content" [ng-class]="{'zippy-hidden': !visible}">
     <ng-content></ng-content>
diff --git a/lib/common/components/Zippy/zippy.scss b/lib/common/components/Zippy/zippy.scss
index 40f93017..97958a38 100644
--- a/lib/common/components/Zippy/zippy.scss
+++ b/lib/common/components/Zippy/zippy.scss
@@ -39,9 +39,10 @@ $zippy-redirect-color: #AC7C09;
 }
 
 span.zippy-indicator {
-  float: left;
   font-size: 1.5em;
-  margin-right: 0.1em;
+  line-height: 1;
+  margin-right: 0.2em;
+  vertical-align: text-bottom;
 }
 
 .zippy-content {