From 0366453313487559a19234541c40c39aeaba8d46 Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Thu, 14 Sep 2017 17:24:06 +0300
Subject: [PATCH] fix(buttons): improve responsiveness

---
 .../tables/smart-table/smart-table.component.ts   |  4 ++--
 .../ui-features/buttons/buttons.component.scss    | 15 ---------------
 .../labeled-actions-group.component.scss          | 11 +++++++++++
 3 files changed, 13 insertions(+), 17 deletions(-)

diff --git a/src/app/pages/tables/smart-table/smart-table.component.ts b/src/app/pages/tables/smart-table/smart-table.component.ts
index ad58dfbb..b6002f14 100644
--- a/src/app/pages/tables/smart-table/smart-table.component.ts
+++ b/src/app/pages/tables/smart-table/smart-table.component.ts
@@ -6,9 +6,9 @@ import { SmartTableService } from '../../../@core/data/smart-table.service';
 @Component({
   selector: 'ngx-smart-table',
   templateUrl: './smart-table.component.html',
-  styles:[`
+  styles: [`
     nb-card {
-      transform: translate3d(0,0,0);  
+      transform: translate3d(0, 0, 0);
     }
   `],
 })
diff --git a/src/app/pages/ui-features/buttons/buttons.component.scss b/src/app/pages/ui-features/buttons/buttons.component.scss
index 83855334..29b9ff13 100644
--- a/src/app/pages/ui-features/buttons/buttons.component.scss
+++ b/src/app/pages/ui-features/buttons/buttons.component.scss
@@ -105,17 +105,6 @@
       }
     }
 
-    ngx-labeled-actions-group /deep/ {
-      nb-action {
-        font-size: 0.8rem;
-      }
-
-      i {
-        font-size: 2rem !important;
-      }
-
-    }
-
     ngx-labeled-actions-group /deep/ nb-card-body {
       padding-left: 0;
       padding-right: 0;
@@ -126,8 +115,4 @@
       margin-bottom: 0.5rem;
     }
   }
-
-  @include media-breakpoint-down(xs) {
-
-  }
 }
diff --git a/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss
index 7cf9b3c6..1b25e44f 100644
--- a/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss
+++ b/src/app/pages/ui-features/buttons/labeled-actions-group/labeled-actions-group.component.scss
@@ -1,4 +1,6 @@
 @import '../../../../@theme/styles/themes';
+@import '~bootstrap/scss/mixins/breakpoints';
+@import '~@nebular/theme/styles/global/bootstrap/breakpoints';
 
 @include nb-install-component() {
 
@@ -20,4 +22,13 @@
       text-transform: uppercase;
     }
   }
+
+  @include media-breakpoint-down(xs) {
+    nb-action {
+      font-size: 0.75rem;
+      i {
+        font-size: 2rem;
+      }
+    }
+  }
 }