From 04e012a87d94ceeaac09fc578d92329807e28e3e Mon Sep 17 00:00:00 2001
From: KostyaDanovsky <kostya.danovsky@gmail.com>
Date: Tue, 12 Sep 2017 13:38:17 +0300
Subject: [PATCH] fix(dashboard): improve security cameras responsiveness

---
 .../security-cameras/security-cameras.component.html        | 6 +++---
 .../security-cameras/security-cameras.component.scss        | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/app/pages/dashboard/security-cameras/security-cameras.component.html b/src/app/pages/dashboard/security-cameras/security-cameras.component.html
index bc71ca29..06c103e1 100644
--- a/src/app/pages/dashboard/security-cameras/security-cameras.component.html
+++ b/src/app/pages/dashboard/security-cameras/security-cameras.component.html
@@ -4,10 +4,10 @@
       <span class="cameras-card-title">Security Cameras</span>
       <span class="cameras-filter">
         <a [class.active]="isSingleView" (click)="isSingleView = true">
-          <i class="ion-android-checkbox-blank"></i>
+          <i class="nb-square"></i>
         </a>
         <a [class.active]="!isSingleView" (click)="isSingleView = false">
-          <i class="ion-android-apps"></i>
+          <i class="nb-grid-a"></i>
         </a>
       </span>
     </div>
@@ -19,7 +19,7 @@
       </div>
     </div>
     <div class="cameras" *ngIf="!isSingleView">
-      <div class="camera" *ngFor="let camera of cameras" [style.background-image]="'url(' + camera.source + ')'"
+      <div class="camera col-sm-6 col-xs-12" *ngFor="let camera of cameras" [style.background-image]="'url(' + camera.source + ')'"
            (click)="selectCamera(camera)">
         <span>{{ camera.title }}</span>
       </div>
diff --git a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
index 3768c537..31f28df2 100644
--- a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
+++ b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
@@ -30,8 +30,8 @@
     display: flex;
 
     a {
-      font-size: 2rem;
-      padding: 0.75rem 1.5rem;
+      font-size: 2.5rem;
+      padding: 0 0.75rem;
       display: flex;
       flex-direction: column;
       justify-content: center;
@@ -75,7 +75,7 @@
     background-position: center;
     background-size: cover;
     height: 50%;
-    width: 50%;
+    padding: 0;
 
     span {
       position: absolute;