traffic chart bg position fix

src/app/pages/dashboard/trafficChart/trafficChart.scss

@@ -6,7 +6,6 @@
 }
 
 .ng2, .blur {
-  .channels-block {
   .traffic-chart canvas {
     border: 15px solid rgba(0, 0, 0, 0.2);
     //box-shadow: 0 0 5px 0 rgb(0, 0, 0) inset;
@@ -23,7 +22,6 @@
     border-radius: 100px;
   }
 }
-}
 
 .channels-info {
   display: inline-block;
@@ -31,6 +29,7 @@
   margin-left: 70px;
   margin-top: -20px;
 }
+
 .small-container {
   .channels-info {
     display: none;
@@ -139,15 +138,18 @@
 }
 
 @media (max-width: $resM) {
+
+  .card.medium-card.traffic-panel {
+    height: auto;
+  }
+
+  .channels-block {
     div.channels-info {
       display: block;
       width: calc(100% - 88px);
       margin-top: -65px;
       margin-bottom: 10px;
     }
-  .card.medium-card.traffic-panel{
-    height: auto;
-  }
     .traffic-chart {
       position: inherit;
       float: none;
@@ -157,8 +159,11 @@
       left: calc(50% - 90px);
     }
   }
+}
 
 @media (max-width: 1465px) and (min-width: 1199px) {
+
+  .channels-block {
     .channels-info {
       display: none;
     }
@@ -167,14 +172,16 @@
       float: none;
       margin: 0 auto;
     }
+
     .chart-bg {
       left: calc(50% - 90px);
     }
   }
-
+}
 
 @media (max-width: 380px) {
 
+  .channels-block {
     .traffic-chart {
       width: 240px;
     }
@@ -188,7 +195,10 @@
       top: 30px;
     }
   }
+}
+
 @media (max-width: 320px) {
+  .channels-block {
     .chart-bg {
       left: 50px;
       top: 50px;
@@ -196,3 +206,4 @@
       height: 142px;
     }
   }
+}