From ae1e49b459eb86ed6d68ab47f34311dca12db61b Mon Sep 17 00:00:00 2001
From: Peter Maquiran <peter.maquiran@equilibrium.local>
Date: Wed, 5 May 2021 16:08:38 +0100
Subject: [PATCH] Improve responsiveness

---
 .../event-list/event-list.page.ts                 |  2 --
 src/app/pages/publications/publications.page.html |  4 ++--
 src/app/pages/publications/publications.page.scss | 15 ++++++++++++++-
 src/app/pages/publications/publications.page.ts   |  4 ++++
 4 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/app/pages/gabinete-digital/event-list/event-list.page.ts b/src/app/pages/gabinete-digital/event-list/event-list.page.ts
index 466f0e495..63ddac301 100644
--- a/src/app/pages/gabinete-digital/event-list/event-list.page.ts
+++ b/src/app/pages/gabinete-digital/event-list/event-list.page.ts
@@ -39,10 +39,8 @@ export class EventListPage implements OnInit {
     } else {
       this.profile = 'PR'
     }
-
     
     this.LoadToApproveEvents();
-    
 
     this.router.events.forEach((event) => {
       if(event instanceof NavigationEnd && event.url == this.router.url) {
diff --git a/src/app/pages/publications/publications.page.html b/src/app/pages/publications/publications.page.html
index 8517bb29c..e453b1a92 100644
--- a/src/app/pages/publications/publications.page.html
+++ b/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="(
diff --git a/src/app/pages/publications/publications.page.scss b/src/app/pages/publications/publications.page.scss
index c678d8601..288b9aaaf 100644
--- a/src/app/pages/publications/publications.page.scss
+++ b/src/app/pages/publications/publications.page.scss
@@ -124,4 +124,17 @@ ion-toolbar{
   .item-content-detail{
     color: #000000;
     font-size: 13px;
-  }
\ No newline at end of file
+  }
+
+
+
+
+@media only screen and (min-width: 801px) {
+  .content-right{
+    display: flex !important;
+    width: 65%;
+  }
+  .aside-left{
+    width: 35%;
+  }
+}
diff --git a/src/app/pages/publications/publications.page.ts b/src/app/pages/publications/publications.page.ts
index a4b26958d..f5baaeab2 100644
--- a/src/app/pages/publications/publications.page.ts
+++ b/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=>{