save

src/app/pages/gabinete-digital/gabinete-digital.page.html

@@ -11,7 +11,7 @@
   <div class="main-content d-flex height-100 ">
 
       <!-- Aside left -->
-      <div class="aside-wrapper d-flex flex-column justify-center width-md-40 flex-grow-1 ">
+      <div class="aside-wrapper d-flex flex-column width-md-40 flex-grow-1 ">
         <ion-progress-bar type="indeterminate" *ngIf="showLoader"></ion-progress-bar>
         <div class="title-container">
           <ion-label class="title">Gabinete Digital</ion-label>

src/app/pages/gabinete-digital/gabinete-digital.page.scss

@@ -12,8 +12,8 @@ ion-content{
     text-align: center;
   }
   .title-container{
-    padding: 30px 20px 0 20px !important;
-    margin-bottom: 15px;
+    padding: 30px 20px 15px 20px !important;
+    //margin-bottom: 15px;
     .btn-no-color{
       display: flex;
       float: right;
@@ -81,7 +81,7 @@ ion-content{
 
 
 /* NEW CSS */
-.main-content { 
+.main-content {
   width: 100%; /* 400px */
   height: 100%;
   font-family: Roboto;
@@ -93,8 +93,11 @@ ion-content{
   border-top-left-radius: 25px;
   border-top-right-radius: 25px;
 
+  .aside-wrapper{
+    //border: 1px solid red;
+  }
+
   .aside{
-    //display: flex;
     align-items: center;
     justify-content: center;
 
@@ -164,7 +167,7 @@ ion-content{
     }
     .exp-card-title p{
       text-align: center;
-    
+
     }
     .exp-card-content{
       font-size: 13px;
@@ -207,14 +210,14 @@ ion-content{
     width: 547px !important;
   }
 }
-@media only screen and (min-width: 749px) {
+/* @media only screen and (min-width: 749px) {
   .exp-card-long{
     width: 734px !important;
   }
-}
+} */
 
 
-@media only screen and (min-width: 801px) {
+@media only screen and (min-width: 701px) {
 
   .main-content{
     .aside-wrapper{
@@ -232,7 +235,7 @@ ion-content{
       }
       .aside-title{
         font-family: Roboto;
-        font-size: 25px;
+        font-size: 16px;
         text-align: left;
       }
       .exp-card{
@@ -243,7 +246,7 @@ ion-content{
         .exp-card-title{
           text-align: left !important;
         }
-      
+
       }
       .exp-card-long{
         //display: none;
@@ -321,6 +324,20 @@ ion-content{
     }
   }
 }
+@media only screen and (min-width: 801px) {
+  .content{
+    width: 65%;
+  }
+
+  .aside-right{
+    width: 35%;
+  }
+  .aside-title{
+    font-family: Roboto;
+    font-size: 25px;
+    text-align: left;
+  }
+}
 @media only screen and (min-width: 1024px){
   .content{
     width: 70%;