further improvements on events to approve and expedientes view for mobile

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

@@ -1,30 +1,42 @@
 @import '~src/function.scss';
-/* CONTENT */
-:host{
-    padding: 30px 20px 0 20px !important;
-    margin: 0;
+.main-content{
+  background-color: #fff !important;
+  border-top-left-radius: 25px;
+  border-top-right-radius: 25px;
 }
-.title{
+.content{
+  padding: 30px 20px 0 20px !important;
+  margin: 0;
+  float: left;
+}
+.header-content{
+  margin: 0 !important;
+  overflow: auto;
+
+  .header-icon-left{
+    width: 36px;
+    font-size: 33px;
+    color: #42b9fe;
+    float: left;
+  }
+  .header-title{
+    padding-top: 2.5px;
     font-family: Roboto;
     font-size: 25px;
     color:#000;
-    overflow: auto;
+    float: left;
   }
-.item-list-small{
-    font-size: 11px;
-    overflow: auto;
-  }
-  .ion-item-class{
-    padding: 0;
-  
-  }
-  .label-text{
-    width: 100%;
-    padding: 0;
-    margin: 0;
+  .btn-refresh {
+    width: fit-content;
+    float: right;
   }
+}
+
 //DIV
 ion-item{
+  border: 1px solid blue;
+  margin: 0 !important;
+  padding: 0 !important;
   --background: none;
 }
 .item {
@@ -92,6 +104,7 @@ ion-item{
 /* New CSS */
 .expediente{
   padding-top: 10px;
+  border-bottom: 1px solid #ebebeb;
 }
 .exp-list-item{
   //width: 368px;
@@ -100,7 +113,6 @@ ion-item{
   margin: 10px auto;
 }
 .exp-top-detail{
-  width: 100%;
   overflow: auto;
 }
 .exp-date{
@@ -126,7 +138,7 @@ ion-item{
 
 }
 .exp-icon{
-  width: 45px;
+  width: fit-content;
   float: right;
   font-size: 13px;
 }