+
diff --git a/src/app/components/user/user-form/user-form.component.scss b/src/app/components/user/user-form/user-form.component.scss
index 6ac2a9e..d672c2c 100644
--- a/src/app/components/user/user-form/user-form.component.scss
+++ b/src/app/components/user/user-form/user-form.component.scss
@@ -40,6 +40,11 @@
}
}
+ .form-actions{
+ display: flex;
+ gap: 0 10px;
+ }
+
.advanced {
border-top: 1px solid #444c56b3;
margin-top: 50px;
diff --git a/src/app/components/user/user.component.scss b/src/app/components/user/user.component.scss
index de749fa..9aed6c9 100644
--- a/src/app/components/user/user.component.scss
+++ b/src/app/components/user/user.component.scss
@@ -21,6 +21,12 @@
overflow: auto;
.table {
width: 100%;
+ font-size: 14px;
+ th {
+ font-size: 12px;
+ color: rgba(0, 0, 0, 0.54);
+ font-weight: 400;
+ }
.mat-column-email {
&.inactive {
@@ -32,7 +38,7 @@
.actions-menu {
cursor: pointer;
font-weight: bold;
- }
+ }
}
.mat-column-actions,
@@ -66,20 +72,20 @@
.group {
&-item {
&:after {
- content: '\2022';
+ content: "\2022";
display: inline-block;
margin: 2px 4px;
}
&:last-of-type:after {
- content: ''
+ content: "";
}
}
}
// Large devices (desktops, 992px and up)
@media (min-width: 992px) {
- .content .table{
+ .content .table {
.mat-column-actions,
.mat-column-active,
.mat-column-verified,
@@ -98,7 +104,7 @@
// X-Large devices (large desktops, 1200px and up)
@media (min-width: 1200px) {
- .content .table{
+ .content .table {
.mat-column-actions,
.mat-column-active,
.mat-column-verified,
@@ -113,12 +119,11 @@
text-align: start;
}
}
-
}
// XX-Large devices (larger desktops, 1400px and up)
@media (min-width: 2500px) {
- .content .table{
+ .content .table {
.mat-column-actions,
.mat-column-active,
.mat-column-verified,
diff --git a/src/styles/material-override.scss b/src/styles/material-override.scss
index b46652e..98991d4 100644
--- a/src/styles/material-override.scss
+++ b/src/styles/material-override.scss
@@ -73,4 +73,20 @@ mat-select {
}
.mdc-text-field--outlined .mdc-floating-label {
top: 24px !important;
-}
\ No newline at end of file
+}
+
+// set white text for accent buttons
+.mdc-button.mat-accent {
+ color: white !important;
+}
+
+// reduce tooltip size
+.mat-mdc-tooltip {
+ margin: 5px !important;
+ font-size: 12px;
+}
+
+// reduce menu font size
+.mat-mdc-menu-content {
+ font-size: 14px;
+}
diff --git a/src/styles/paginator.scss b/src/styles/paginator.scss
index 72a0451..c6999be 100644
--- a/src/styles/paginator.scss
+++ b/src/styles/paginator.scss
@@ -17,8 +17,11 @@
* under the License.
*/
-.mat-paginator-sticky {
+.mat-mdc-paginator {
+ font-size: 12px;
+ &.mat-paginator-sticky {
bottom: 0;
position: sticky;
z-index: 10;
-}
\ No newline at end of file
+ }
+}
diff --git a/src/theme.scss b/src/theme.scss
index eea53c7..ca26b92 100644
--- a/src/theme.scss
+++ b/src/theme.scss
@@ -29,7 +29,7 @@
// (imported above). For each palette, you can optionally specify a default, lighter, and darker
// hue.
$app-primary: mat.define-palette(mat.$blue-palette, 500);
-$app-accent: mat.define-palette(mat.$indigo-palette, A200, A100, A400);
+$app-accent: mat.define-palette(mat.$deep-orange-palette, A200, A100, A400);
// The warn palette is optional (defaults to red).
$app-warn: mat.define-palette(mat.$red-palette);
@@ -44,4 +44,4 @@ $app-theme: mat.define-light-theme((
density: 0
));
-@include mat.all-component-themes($app-theme);
\ No newline at end of file
+@include mat.all-component-themes($app-theme);