From cccd7a9e14a15bc52e2031994589ed65b0e03f33 Mon Sep 17 00:00:00 2001
From: YingXue <yingxue@microsoft.com>
Date: Tue, 6 Aug 2019 15:09:44 -0700
Subject: [PATCH] move scroll down to the events under header (#55)

---
 src/app/css/_devicePnpDetailList.scss                         | 3 +--
 .../components/deviceEvents/deviceEventsPerInterface.tsx      | 4 +++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/app/css/_devicePnpDetailList.scss b/src/app/css/_devicePnpDetailList.scss
index 8a5e88c9..823f6b9b 100644
--- a/src/app/css/_devicePnpDetailList.scss
+++ b/src/app/css/_devicePnpDetailList.scss
@@ -48,7 +48,6 @@
 
 .pnp-detail-list {
     padding-top: 20px;
-    position: sticky;
     top: 0;
     background-color: $white;
     .list-header {
@@ -230,6 +229,6 @@
 }
 
 .scrollable-sm {
-    height: calc(100vh - 350px);
+    height: calc(100vh - 392px);
     overflow-y: auto;
 }
diff --git a/src/app/devices/deviceContent/components/deviceEvents/deviceEventsPerInterface.tsx b/src/app/devices/deviceContent/components/deviceEvents/deviceEventsPerInterface.tsx
index 788537e6..b99e9838 100644
--- a/src/app/devices/deviceContent/components/deviceEvents/deviceEventsPerInterface.tsx
+++ b/src/app/devices/deviceContent/components/deviceEvents/deviceEventsPerInterface.tsx
@@ -231,7 +231,7 @@ export default class DeviceEventsPerInterfaceComponent extends React.Component<D
                 role="feed"
                 isReverse={true}
             >
-            <section role="list" className="list-content scrollable-sm">
+            <section role="list" className="list-content">
                 {this.renderEvents(context)}
             </section>
             </InfiniteScroll>
@@ -252,6 +252,7 @@ export default class DeviceEventsPerInterfaceComponent extends React.Component<D
                         <span className="column-value">{context.t(ResourceKeys.deviceEvents.columns.value)}</span>
                     </div>
                 </div>
+                <div className="scrollable-sm">
                 {
                     events && events.map((event: Message, index) => {
                         const matchingSchema = this.props.telemetrySchema.filter(schema => schema.telemetryModelDefinition.name ===
@@ -272,6 +273,7 @@ export default class DeviceEventsPerInterfaceComponent extends React.Component<D
                         );
                     })
                 }
+                </div>
             </div>
         );
     }