fix layout side bar

src/app/shared/sharedLayout/layout/layout.component.css

@@ -22,6 +22,9 @@
     padding: 20px;
   }
 }
+.maine {
+  margin-right: 0px!important;
+}
 
 /*--------------------------------------------------------------
 # Page Title

src/app/shared/sharedLayout/layout/layout.component.html

@@ -3,10 +3,10 @@
     (toggled)="toggleSidebar()"
     [isToggled]="isToggled"></app-header>
 
-    <div id="main" class="main">
+    <div id="main"  class="main"  [class.maine]="isToggled">
         <router-outlet></router-outlet>
     </div>
     <app-sidebar [isToggled]="isToggled"></app-sidebar>        
-    <app-footer></app-footer>
+    <app-footer [class.maine]="isToggled"></app-footer>
   
 </div>