Improve search page

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: {
       }
     });