Fix user edit/add;

Fix tab color

Author: Blari

src/app/modules/user/containers/add-page/add-page.component.html

@@ -42,7 +42,6 @@
 </mat-card>
 
 <mat-card *ngIf="step === 0" class="steps-card">
-
   <mat-card-content class="content">
     <div class="content-wrapper">
       <mat-card-title class="content-title">Create New Account</mat-card-title>
@@ -75,7 +74,7 @@
           <mat-hint>Please choose the role</mat-hint>
         </mat-form-field>
 
-        <button mat-flat-button color="primary" (click)="increment()">next</button>
+        <button mat-flat-button color="primary" class="next-button" (click)="increment()">next</button>
       </div>
     </div>
   </mat-card-content>

src/app/modules/user/containers/add-page/add-page.component.scss

@@ -140,6 +140,10 @@
   width: 100%;
 }
 
+.next-button {
+  float: right;
+}
+
 .buttons-wrapper {
   display: flex;
   justify-content: space-between;

src/app/modules/user/containers/edit-page/edit-page.component.scss

@@ -6,6 +6,12 @@
   margin-top: 24px;
 }
 
+.edit-nav-card {
+  .add-line-card {
+    padding: 0 30px;
+  }
+}
+
 .nav-items-group {
   padding: 8px;
 }

src/app/styles/mat-tab.scss

@@ -9,7 +9,7 @@
 
 @mixin mat-tab-color-label($color) {
   .nav-items-group {
-    .mat-tab-label {
+    .mat-tab-label-active {
       color: $color;
     }
   }
@@ -55,7 +55,7 @@
 
   .edit-nav-card {
     div.mat-tab-label {
-      padding: 0;
+      padding: 0 8px;
       min-width: 85px;
       font-weight: $fw-lighter;