fix component interaction with sub-components

2019-10-19 18:03:18 +02:00
parent 24bf7c98e3
commit 12be86a1d6
9 changed files with 54 additions and 73 deletions
--- a/pdb-js/src/styles.scss
+++ b/pdb-js/src/styles.scss
@@ -23,7 +23,7 @@ $background-color: #CBD7F4;

@import '~@angular/material/prebuilt-themes/deeppurple-amber.css';

-body {
+*, body {
  font-family: Arial, sans-serif;
  font-size: 14px;
  margin: 0;
@@ -78,12 +78,18 @@ body .mat-select-panel {
  max-height: 500px;
 }

-.mat-form-field {
-  font-family: Arial, sans-serif;
-}
-
 mat-form-field {
  width: 100%;
+  margin-right: 1em;
+}
+mat-form-field:last-child {
+  margin-right: 0ex;
+}
+mat-form-field.pdb-form-number {
+  width: 5em;
+}
+mat-form-field.pdb-form-mid {
+  width: 9em;
 }