save

src/app/shared/chat/edit-group/edit-group.module.ts

@@ -9,6 +9,7 @@ import { EditGroupPageRoutingModule } from './edit-group-routing.module';
 import { EditGroupPage } from './edit-group.page';
 import { SharedModule } from '../../shared.module';
 import { ComponentsModule } from 'src/app/components/components.module';
+import { BtnSeguintePageModule } from '../../btn-seguinte/btn-seguinte.module';
 
 @NgModule({
   imports: [
@@ -16,7 +17,8 @@ import { ComponentsModule } from 'src/app/components/components.module';
     FormsModule,
     IonicModule,
     ComponentsModule,
-    EditGroupPageRoutingModule
+    EditGroupPageRoutingModule,
+    BtnSeguintePageModule,
   ],
   exports: [EditGroupPage],
   declarations: [EditGroupPage]

src/app/shared/chat/group-messages/group-contacts/group-contacts.page.html

@@ -10,7 +10,11 @@
         <div class="div-title">
           <ion-label class="title">Contactos</ion-label>
         </div>
-        <app-btn-adicionar (click)="updateGroup()"></app-btn-adicionar>
+        <div>
+          <button class="btn-no-color adicionar" (click)="updateGroup()">
+            <ion-label>Adicionar</ion-label>
+          </button>
+        </div>
       </div>
     </div>
   </ion-toolbar>

src/app/shared/chat/group-messages/group-contacts/group-contacts.page.scss

@@ -41,6 +41,13 @@
          float: left;
          margin: 2.5px 0 0 5px;
      }
+     .adicionar{
+      padding: 0!important;
+      float: right;
+      font-size: 15px;
+      color: #0782c9;
+      margin: 8px 5px 0 5px;
+    }
      .title{
          font-size: 25px;
      }

src/app/shared/chat/new-group/contacts/contacts.module.ts

@@ -9,6 +9,7 @@ import { ContactsPageRoutingModule } from './contacts-routing.module';
 import { ContactsPage } from './contacts.page';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { ComponentsModule } from 'src/app/components/components.module';
+import { BtnSeguintePageModule } from 'src/app/shared/btn-seguinte/btn-seguinte.module';
 
 @NgModule({
   imports: [
@@ -16,7 +17,8 @@ import { ComponentsModule } from 'src/app/components/components.module';
     FormsModule,
     IonicModule,
     ComponentsModule,
-    ContactsPageRoutingModule
+    ContactsPageRoutingModule,
+    BtnSeguintePageModule,
   ],
   declarations: [ContactsPage]
 })

src/app/shared/chat/new-group/group-chat/group-chat.module.ts

@@ -9,6 +9,7 @@ import { GroupChatPageRoutingModule } from './group-chat-routing.module';
 import { GroupChatPage } from './group-chat.page';
 import { SharedModule } from 'src/app/shared/shared.module';
 import { ComponentsModule } from 'src/app/components/components.module';
+import { BtnSeguintePageModule } from 'src/app/shared/btn-seguinte/btn-seguinte.module';
 
 @NgModule({
   imports: [
@@ -16,7 +17,8 @@ import { ComponentsModule } from 'src/app/components/components.module';
     FormsModule,
     IonicModule,
     ComponentsModule,
-    GroupChatPageRoutingModule
+    GroupChatPageRoutingModule,
+    BtnSeguintePageModule,
   ],
   declarations: [GroupChatPage]
 })

src/app/shared/chat/new-group/new-group.page.html

@@ -5,7 +5,11 @@
         <div class="middle">
           <ion-label class="title">Novo Grupo</ion-label>
         </div>
-        <app-btn-criar *ngIf="groupName" (click)="createGroup()"></app-btn-criar> <!-- addContacts -->
+        <div *ngIf="groupName">
+          <button class="btn-no-color btn-criar" (click)="createGroup()">
+            <ion-label>Criar grupo</ion-label>
+          </button>
+        </div>
       </div>
     </div>
   </ion-toolbar>

src/app/shared/chat/new-group/new-group.page.scss

@@ -65,6 +65,13 @@ ion-content{
         width: 221px;
         //margin: 2.5px 0 0 5px;
       }
+      .btn-criar{
+        padding: 0!important;
+        float: right;
+        font-size: 15px;
+        color: #0782c9;
+        margin: 8px 5px 0 5px;
+      }
       .right{
         padding: 0!important;
         float: right;