Improve search page

src/app/pages/search/organic-entity/organic-entity.page.html

@@ -1,14 +1,23 @@
 <ion-header class="main-header">
 
-  <div class="icon" (click)="close()">
-    <ion-icon name="chevron-back" slot="start"></ion-icon>
-  </div>
 
-  <ion-toolbar>
-    <ion-title>Entidade Orgânica</ion-title>
-  </ion-toolbar>
 </ion-header>
 
+
+<ion-toolbar class="main-header d-flex">
+    <div class="d-flex align-center">
+      <div class="icon" (click)="close()">
+      <ion-icon style="font-size:35px;" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+    </div>
+
+    <div>
+      <ion-title>Entidade Orgânica</ion-title>
+    </div>
+
+  </div>
+</ion-toolbar>
+
+
 <ion-content>
   <div class="main-container">
     <div class="input-text d-flex ion-align-items-center">

src/app/pages/search/search.page.html

@@ -38,7 +38,7 @@
           <ion-icon name="restaurant-outline" src="assets/images/icons-advance-search-document.svg"></ion-icon>
         </div>
         <div class="input-container d-flex ion-align-items-center">
-          <ion-datetime [(ngModel)]='searchDocumentDate'  placeholder="Date" display-timezone="utc"></ion-datetime>
+          <ion-datetime [(ngModel)]='searchDocumentDate'  placeholder="Data" display-timezone="utc"></ion-datetime>
           <div class="icon" (click)="clearInputDocumentDate()">
             <ion-icon name="restaurant-outline" src="assets/images/icons-search-close.svg"></ion-icon>
           </div>

src/app/pages/search/search.page.scss

@@ -210,42 +210,42 @@ ion-slide{
 @media only screen and (min-width: 1024px) {
 
 
-//  .header-main {
-//    background-color: #0782c9;
-//    .profile{
-//      display: inline-block;
-//    }
-//    .icon-most-searched-word-open{
-//      display: none !important;
-//    }
-//  }
+  .header-main {
+    background-color: #0782c9;
+    .profile{
+      display: inline-block;
+    }
+    .icon-most-searched-word-open{
+      display: none !important;
+    }
+  }
 
-//  .options{
-//    .container{
-//      border-bottom: 1px solid #ebebeb;
-//      .icon{
-//        display: flex;
-//      }
-//    }
-//    padding: 0px 20px;
-//  }
+  .options{
+    .container{
+      border-bottom: 1px solid #ebebeb;
+      .icon{
+        display: flex;
+      }
+    }
+    padding: 0px 20px;
+  }
 
       
 
-//  .search-result{
-//    border-left: 1px solid #d8d8d8;
-//    .header{
-//      border-top: unset !important;
-//    }
-//  }
+  .search-result{
+    border-left: 1px solid #d8d8d8;
+    .header{
+      border-top: unset !important;
+    }
+  }
 
-//  .most-searched-words{
-//    width: 400px !important;
-//  }
+  .most-searched-words{
+    width: 400px !important;
+  }
 
-//  .word-searh-result-container{
-//    flex-wrap: wrap;
-//  }
+  .word-searh-result-container{
+    flex-wrap: wrap;
+  }
   
 
 }

src/app/pages/search/search.page.ts

@@ -51,7 +51,6 @@ export class SearchPage implements OnInit {
     speed: 400,
   }
 
-
   loadedAttachments:any;
 
   list = []
@@ -73,7 +72,7 @@ export class SearchPage implements OnInit {
 
       const container = document.querySelector('.most-searched-word-container');
 
-      container.setAttribute('style',`width: ${container.clientWidth}px`);
+      container.setAttribute('style',`width: ${window.innerWidth}px`);
 
       const highest= res[0].Hits;
       const lowest = res[res.length-1].Hits;
@@ -84,14 +83,13 @@ export class SearchPage implements OnInit {
       // minimum font sixe
       // Editable -----------------------------------
       const minimumSize = 9;
-      // Change scale
       // Editable ------------------------------------
-      const multiplicator = 0.56;
+      const maximum = 64;
 
       res.forEach(e => {
         const array: any =  Object.values(e);
         
-        array[1] = (((array[1] - lowest) / perPercent) * multiplicator) + minimumSize;
+        array[1] = (((array[1] - lowest) / perPercent) * (maximum - minimumSize)/ 100 ) + minimumSize;
         list.push(array)
       });
 
@@ -319,7 +317,7 @@ export class SearchPage implements OnInit {
 
     const modal = await this.modalController.create({
       component: SenderPage,
-      cssClass: 'modal',
+      cssClass: 'modal modal-desktop',
       componentProps: {
       }
     });
@@ -337,7 +335,7 @@ export class SearchPage implements OnInit {
 
     const modal = await this.modalController.create({
       component: OrganicEntityPage,
-      cssClass: 'modal',
+      cssClass: 'modal modal-desktop',
       componentProps: {
       }
     });

src/app/pages/search/sender/sender.page.html

@@ -1,13 +1,15 @@
-<ion-header class="main-header">
 
-  <div class="icon" (click)="close()">
-    <ion-icon name="chevron-back" slot="start"></ion-icon>
+<ion-toolbar class="main-header d-flex">
+    <div class="d-flex align-center">
+      <div class="icon" (click)="close()">
+      <ion-icon style="font-size:35px;" src="assets/images/icons-arrow-arrow-left.svg"></ion-icon>
+    </div>
+
+    <div>
+      <ion-title>Remetentes</ion-title>
+    </div>
   </div>
-
-  <ion-toolbar>
-    <ion-title>Remetentes</ion-title>
-  </ion-toolbar>
-</ion-header>
+</ion-toolbar>
 
 <ion-content>
   <div class="main-container">