improve responsiveness

src/global.scss

@@ -1259,6 +1259,7 @@ ngx-mat-datetime-content{
 .add-attachment-bg-color{
   background-color: #42b9fe13 !important;
   --background: #42b9fe0a !important;
+  font-size: rem(14);
 }
 
 .message-attachments{
@@ -1407,7 +1408,7 @@ ngx-mat-datetime-content{
 
 .add-people {
     align-items: center;
-    height: 45px;
+    height: rem(45);
 }
 
 
@@ -1488,7 +1489,7 @@ ngx-mat-datetime-content button.mat-stroked-button {
 
 pre {
     font-family: 'Roboto' !important;
-    font-size: 12pt !important;
+    font-size: rem(16) !important;
     white-space: break-spaces;
     word-break: break-word;
 }
@@ -1595,4 +1596,28 @@ ion-textarea.heigh-200  textarea {
 
 .swiper-slide {
   font-size: unset !important;
-}
+}
+
+
+input {
+  padding: rem(10) rem(8) !important;
+}
+
+ion-segment-button {
+  font-size: rem(14);
+}
+
+h5, .buttons{
+  font-size: rem(17);
+}
+
+
+@for $i from 0 through 50 {
+  .font-#{$i}-rem {
+    font-size: rem($i);
+  }
+
+  .font-#{$i}-em {
+    font-size: em($i);
+  }
+}