save

src/app/pages/chat/chat.page.scss

@@ -74,7 +74,7 @@ ion-content{
   width: 100%;
   border-bottom: 1px solid #ebebeb;
   padding: 0px 20px 0 20px !important;
-  overflow: auto;
+  overflow: hidden;
 
   .item-icon{
     width: 40px;
@@ -126,7 +126,7 @@ ion-content{
    color: #fff !important;
    background-color: #42b9fe !important;
 }
-@media only screen and (min-width: 801px) {
+@media only screen and (min-width: 701px) {
   .main-content{
 
 
@@ -148,6 +148,7 @@ ion-content{
     .item{
       .item-icon{
         width: 10%;
+        margin-right: 10px !important;
       }
       .item-content{
         width: 90%;

src/app/pages/chat/chat.page.ts

@@ -181,7 +181,7 @@ hideRefreshButton(){
   }
   openMessagesPage(rid) {
     this.idSelected = rid;
-    if( window.innerWidth < 801){
+    if( window.innerWidth < 701){
       this.openMessagesModal(rid);
       //this.router.navigate(['/home/chat/messages',rid,]);
     }
@@ -196,7 +196,7 @@ hideRefreshButton(){
     console.log('OK');
     this.closeAllDesktopComponents();
 
-    if( window.innerWidth < 801){
+    if( window.innerWidth < 701){
       this.selectContact();
     }
     else{

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

@@ -14,7 +14,7 @@
         padding: 30px 20px 0px 20px;
         color:#000;
         transform: translate3d(0, 1px, 0);
-        
+
         .header-top{
           margin: 0px auto;
           overflow: auto;
@@ -33,7 +33,7 @@
             margin: 2.5px 0 0 5px;
             display: flex;
             align-items: center;
-            
+
           }
           .right{
             padding: 0!important;
@@ -67,7 +67,7 @@
             margin: 1px;
           }
         }
-    
+
         .title{
           font-size: 25px;
           overflow: auto;
@@ -83,7 +83,7 @@
         .div-icon ion-icon{
           float: right;
           padding-left: 20px;
-        } 
+        }
     }
  }
  ion-content{
@@ -115,7 +115,7 @@
     height: 100%;
     word-wrap: break-word;
     -webkit-overflow-scrolling: touch;
-    
+
 
     .incoming-true, .incoming-false{
       width: 305px;
@@ -154,9 +154,9 @@
  .container{
    justify-content: center;
    justify-content: space-evenly;
-   
+
  }
- 
+
  .chat-icon-options{
    display:block !important;
    font-size: 25px;
@@ -184,7 +184,7 @@
      overflow: auto;
    }
  }
- 
+
 }
 
  .text-color-blue{
@@ -228,4 +228,4 @@ display: block;
   display: block;
  float: left;
  padding-left: 10px;
-}
+}