From b88c0553694ded6b8b53c8dd3a2e68471a1a6a28 Mon Sep 17 00:00:00 2001
From: eugene-sinitsyn <e.sinitsyn.s@akveo.com>
Date: Wed, 11 Mar 2020 13:27:00 +0300
Subject: [PATCH] Fix scroll for "user activity" card

---
 .../traffic-reveal-card.component.scss        |  5 +++
 .../user-activity.component.html              | 40 ++++++++++---------
 .../user-activity.component.scss              |  5 +++
 3 files changed, 31 insertions(+), 19 deletions(-)

diff --git a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
index ccf47060..9fe44acf 100644
--- a/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
+++ b/src/app/pages/e-commerce/traffic-reveal-card/traffic-reveal-card.component.scss
@@ -16,4 +16,9 @@
     @include nb-ltr(padding-right, 4rem);
     @include nb-rtl(padding-left, 4rem);
   }
+
+  nb-card-body {
+    padding-left: 0;
+    padding-right: 0;
+  }
 }
diff --git a/src/app/pages/e-commerce/user-activity/user-activity.component.html b/src/app/pages/e-commerce/user-activity/user-activity.component.html
index 46ba0524..38911e4b 100644
--- a/src/app/pages/e-commerce/user-activity/user-activity.component.html
+++ b/src/app/pages/e-commerce/user-activity/user-activity.component.html
@@ -7,27 +7,29 @@
     </nb-select>
   </nb-card-header>
 
-  <nb-list class="user-activity-list">
-    <nb-list-item *ngFor="let item of userActivity">
+  <nb-card-body>
+    <nb-list class="user-activity-list">
+      <nb-list-item *ngFor="let item of userActivity">
 
-      <div class="visited-date">
-        {{ item.date }}
-      </div>
-
-      <div class="visited-pages-count">
-        <div class="caption">Pages Visit</div>
-        <div class="value">{{ item.pagesVisitCount }}</div>
-      </div>
-
-      <div class="visited-percentages">
-        <div class="caption">New visits, %</div>
-        <div class="delta value" [class.up]="item.deltaUp" [class.down]="!item.deltaUp">
-          <nb-icon [icon]="item.deltaUp ? 'arrow-up' : 'arrow-down'" pack="eva"></nb-icon>
-          {{ item.newVisits }}%
+        <div class="visited-date">
+          {{ item.date }}
         </div>
-      </div>
 
-    </nb-list-item>
-  </nb-list>
+        <div class="visited-pages-count">
+          <div class="caption">Pages Visit</div>
+          <div class="value">{{ item.pagesVisitCount }}</div>
+        </div>
+
+        <div class="visited-percentages">
+          <div class="caption">New visits, %</div>
+          <div class="delta value" [class.up]="item.deltaUp" [class.down]="!item.deltaUp">
+            <nb-icon [icon]="item.deltaUp ? 'arrow-up' : 'arrow-down'" pack="eva"></nb-icon>
+            {{ item.newVisits }}%
+          </div>
+        </div>
+
+      </nb-list-item>
+    </nb-list>
+  </nb-card-body>
 
 </nb-card>
diff --git a/src/app/pages/e-commerce/user-activity/user-activity.component.scss b/src/app/pages/e-commerce/user-activity/user-activity.component.scss
index 52c59a08..102ee6fd 100644
--- a/src/app/pages/e-commerce/user-activity/user-activity.component.scss
+++ b/src/app/pages/e-commerce/user-activity/user-activity.component.scss
@@ -10,6 +10,11 @@
     padding-bottom: nb-theme(card-header-with-select-padding-bottom);
   }
 
+  nb-card-body {
+    padding-left: 0;
+    padding-right: 0;
+  }
+
   nb-list {
     overflow-x: hidden;
   }