improve responsiveness

src/app/pages/chat/group-messages/group-messages.page.scss

@@ -23,7 +23,7 @@
           .left{
             width: fit-content;
             float: left;
-            //font-size: 35px;
+            //font-size: rem(35);
             overflow: hidden;
           }
 
@@ -77,7 +77,7 @@
           margin: 0 auto;
 
           .header-bottom-icon{
-            width: 30px;
+            width: rem(30);
             font-size: rem(25);
             float: left;
             padding: 2px;
@@ -103,7 +103,7 @@
         }
 
         .div-icon{
-          width: 40px;
+          width: rem(40);
           float: right;
           font-size: rem(35);
           overflow: auto;
@@ -288,7 +288,7 @@
  }
 
  .chat-icon-send{
-   font-size: rem(45);
+   font-size: rem(40);
    margin: 0 auto;
    margin-top: 4px;
  }
@@ -394,4 +394,10 @@
     padding: 6px;
     border-radius: 10px;
     cursor: pointer;
+}
+
+
+
+.font-40-rem {
+  font-size: 2.5rem !important;
 }