From d4af6a8715dcbf87f574ff3929ee1a88c9a80e22 Mon Sep 17 00:00:00 2001
From: Oleksa Novyk <oleksanovyk@gmail.com>
Date: Sat, 27 Oct 2018 09:14:04 +0300
Subject: [PATCH] fix(ui/button): increase icon size

---
 .../ui-button/ui-button/ui-button.component.html   |  2 ++
 .../ui-button/ui-button/ui-button.component.scss   | 14 +++++++++-----
 2 files changed, 11 insertions(+), 5 deletions(-)

diff --git a/projects/ui/src/lib/ui-button/ui-button/ui-button.component.html b/projects/ui/src/lib/ui-button/ui-button/ui-button.component.html
index 4d6197b..0b34253 100644
--- a/projects/ui/src/lib/ui-button/ui-button/ui-button.component.html
+++ b/projects/ui/src/lib/ui-button/ui-button/ui-button.component.html
@@ -1,9 +1,11 @@
 <kit-icon *ngIf="icon && !loading"
           [name]="icon"
+          size="1.5em"
           class="icon">
 </kit-icon>
 <kit-icon *ngIf="loading"
           name="loading-7"
+          size="1.5em"
           class="icon">
 </kit-icon>
 <span class="content">
diff --git a/projects/ui/src/lib/ui-button/ui-button/ui-button.component.scss b/projects/ui/src/lib/ui-button/ui-button/ui-button.component.scss
index b05ec09..1d8cc84 100644
--- a/projects/ui/src/lib/ui-button/ui-button/ui-button.component.scss
+++ b/projects/ui/src/lib/ui-button/ui-button/ui-button.component.scss
@@ -7,7 +7,7 @@
   box-sizing: border-box;
   color: var(--color);
   cursor: pointer;
-  display: inline-block;
+  display: inline-flex;
   font-weight: 400;
   line-height: 1.42857;
   margin-bottom: 0;
@@ -18,9 +18,16 @@
   transition-duration: var(--transition);
   transition-property: background, box-shadow;
   user-select: none;
-  vertical-align: middle;
+  vertical-align: top;
   white-space: nowrap;
 
+  .content {
+    line-height: 1.5;
+  }
+  .icon + .content:not(:empty) {
+    padding-left: var(--grid);
+  }
+
   &:hover {
     background: var(--hoverBackground);
     box-shadow: var(--shadow);
@@ -181,7 +188,4 @@
       }
     }
   }
-  .icon + .content:not(:empty) {
-    padding-left: var(--grid);
-  }
 }