save

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

@@ -2,6 +2,7 @@
 .header-toolbar{
     --background:transparent;
     --opacity: 1;
+    border: 1px solid red;
 
     .main-header{
         width: 100%; /* 400px */
@@ -11,12 +12,12 @@
         border-top-right-radius: 25px;
         background-color: #fff;
         overflow:hidden;
-        padding: 30px 20px 0px 20px;
+        padding: 0px 20px 0px 20px;
         color:#000;
         transform: translate3d(0, 1px, 0);
         
         .header-top{
-          width: 360px;
+          //width: 360px;
           margin: 0px auto;
           overflow: auto;
           padding: 0 !important;
@@ -82,9 +83,13 @@
     }
  }
  ion-content{
+   width: 100%;
+   height: 100%;
+  border: 1px solid red;
    .welcome-text{
     /* width: 322px; */
-     width: em(422px);
+    /*  width: em(422px); */
+    width: 100%;
      background: #ebebeb;
      text-align: center;
      font-size: 13px;
@@ -94,6 +99,7 @@
      line-height: 1.2rem;
      margin: 20px 39px 25px;
      border-radius: 8px;
+     
    }
    .messages{
     font-size: 13px;
@@ -144,6 +150,8 @@
  }
 
  ion-footer{
+  width: 100%;
+  border: 1px solid red;
    .row{
      width: 380px;
     margin: 0 auto;
@@ -220,4 +228,5 @@ display: block;
  float: left;
  padding-left: 10px;
 }
+