fix(form field): make form control container take all space (#2241)

akveo · Feb 28, 2020 · 2e11ec9 · 2e11ec9
1 parent aee71a7
commit 2e11ec9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/framework/theme/components/form-field/form-field.component.html b/src/framework/theme/components/form-field/form-field.component.html
@@ -2,7 +2,8 @@
  <ng-content select="[nbPrefix]"></ng-content>
 </div>
 
-<div [class.nb-form-field-control-with-prefix]="shouldShowPrefix()"
+<div class="form-control"
+ [class.nb-form-field-control-with-prefix]="shouldShowPrefix()"
  [class.nb-form-field-control-with-suffix]="shouldShowSuffix()">
  <ng-content></ng-content>
 </div>

diff --git a/src/framework/theme/components/form-field/form-field.component.scss b/src/framework/theme/components/form-field/form-field.component.scss
@@ -8,3 +8,7 @@
  display: flex;
  align-items: center;
 }
+
+.form-control {
+ width: 100%;
+}