Improve responsiveness

src/app/pages/publications/publications.page.html

@@ -12,7 +12,7 @@
   <!-- Main container -->
   <div class="main-content d-flex  height-100 background-white overflow-hidden border-t-radius ">
     <!-- Left -->
-    <div class="aside-left app-default-padding d-flex flex-grow-1 flex-column aside max-width-md-35">
+    <div class="aside-left app-default-padding d-flex flex-grow-1 flex-column aside width-30 ">
       <!-- Header -->
       <ion-toolbar >
         <div class="main-header">
@@ -63,7 +63,7 @@
     </div>
 
     <!-- Right -->
-    <div class="content d-none d-md-flex flex-grow-1 flex-column max-width-65 max-width-md-60">
+    <div class="content content-right d-none flex-grow-1 flex-column ">
 
       <div class="width-100 height-100 d-flex align-center justify-center" 
         *ngIf="(

src/app/pages/publications/publications.page.scss

@@ -124,4 +124,17 @@ ion-toolbar{
   .item-content-detail{
     color: #000000;
     font-size: 13px;
-  }
+  }
+
+
+
+
+@media only screen and (min-width: 801px) {
+  .content-right{
+    display: flex !important;
+    width: 65%;
+  }
+  .aside-left{
+    width: 35%;
+  }
+}

src/app/pages/publications/publications.page.ts

@@ -77,6 +77,10 @@ export class PublicationsPage implements OnInit {
     }, 2000);
   }
 
+  get windowInnerWidth(): number {
+    return window.innerWidth
+  }
+
   getActions(){
     this.showLoader = true;
     this.publications.GetPublicationFolderList().subscribe(res=>{