fix: height of form elements (#1434)

Co-authored-by: Schottkyc137 <lukas2121@icloud.com>
Aam-Digital · Sep 19, 2022 · bbb736d · bbb736d
1 parent 6b0a0b7
commit bbb736d
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 3 deletions.
diff --git a/src/app/core/entity-components/entity-form/entity-form/entity-form.component.scss b/src/app/core/entity-components/entity-form/entity-form/entity-form.component.scss
@@ -22,7 +22,7 @@ $max-screen-width: $min-block-width + $margin-main-view-right + $margin-main-vie
   @include adaptive-grid($min-block-width, $max-screen-width);
   align-items: start;
   position: relative;
-  height: calc(100vh - 240px);
+  max-height: calc(100vh - 240px);
   overflow: auto;
 }
 

diff --git a/src/app/core/entity-components/entity-utils/entity-select/entity-select.component.scss b/src/app/core/entity-components/entity-utils/entity-select/entity-select.component.scss
@@ -4,8 +4,6 @@
   // Mat chip list overflows a little bit without this hack
   width: 98%;
   padding-left: 1px;
-  // fixes the vertical centering of this component
-  margin-top: -12px;
 }
 
 .chip {

diff --git a/...tity-components/entity-utils/view-components/display-entity/display-entity.component.scss b/...tity-components/entity-utils/view-components/display-entity/display-entity.component.scss
@@ -5,3 +5,7 @@
 .clickable:hover {
   text-decoration: underline;
 }
+
+:host {
+  display: inline-block;
+}