- upd badges

- add more space between buttons

Author: Blari

src/app/modules/e-commerce/containers/management-page/management-page.component.html

@@ -10,7 +10,6 @@
       <input matInput (keyup)="applyFilter($event)" #input class="search-title">
       <mat-icon matPrefix class="search-icon">search</mat-icon>
     </mat-form-field>
-
   </mat-card-title>
 
 
@@ -114,5 +113,3 @@
     <mat-paginator [pageSizeOptions]="[5, 10, 20]" showFirstLastButtons></mat-paginator>
   </mat-card-content>
 </mat-card>
-
-

src/app/modules/e-commerce/containers/management-page/management-page.component.scss

@@ -120,6 +120,10 @@
   align-items: center;
   justify-content: center;
   padding: 0;
+  margin-left: 0;
+  &:first-child {
+    margin-right: 1rem;
+  }
 }
 
 .image {
@@ -154,7 +158,3 @@
   font-size: 23px;
   padding: 0;
 }
-
-button + button {
-  margin-left: 8px;
-}

src/app/modules/templates/core/components/button-colors/button-colors.component.scss

@@ -1,5 +1,5 @@
 @import 'src/app/styles/variables';
 
 button {
-  margin: 8px 8px 0 0;
+  margin: 8px 1rem 0 0;
 }

src/app/modules/templates/extra/components/invoice-card/invoice-card.component.scss

@@ -152,7 +152,7 @@ span {
 }
 
 .button-wrapper + .button-wrapper {
-  margin-left: 8px;
+  margin-left: 16px;
 
   @media (max-width: $small) {
     margin-left: 0;

src/app/modules/templates/ui-elements/components/modal-page/modal-page.component.scss

@@ -29,7 +29,7 @@
 }
 
 button + button {
-  margin-left: 8px;
+  margin-left: 16px;
 
   @media (max-width: $small) {
     margin-left: 0;

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

@@ -66,7 +66,7 @@
   text-transform: uppercase;
   border-color: $blue;
   box-shadow: none;
-  margin: 0 0 0 8px;
+  margin: 0 0 0 16px;
   width: fit-content;
   height: fit-content;
 }

src/app/styles/mat-badge.scss

@@ -7,7 +7,9 @@
 @mixin badge-line-text {
   .mat-badge-medium .mat-badge-content {
     width: auto;
-    padding: 0 8px;
+    font-size: 12px;
+    font-weight: 400;
+    padding: 4px 8px;
     border-radius: 35px;
     height: 16px;
     line-height: 16px;

src/custom-theme.scss

@@ -148,6 +148,7 @@ $ama-badge-theme: ama-light-theme($ama-primary, $ama-accent, $ama-warn, $ama-suc
     transition: transform 200ms ease-in-out;
     transform: scale(0.6);
     overflow: hidden;
+    font-weight: 400;
     white-space: nowrap;
     text-overflow: ellipsis;
     pointer-events: none;