Inputfields are too close together


Topic: Inputfields are too close together

Lukas@artemes asked 6 years ago

Hey, in my project the text input fields are too close together (horizontal) how can I add a for eample 10px high gap bvetween them? Link to screenshot: https://imgur.com/a/gwtV9c0 Code:
<div class="md-form">

<input mdbInputDirective type="text" class="form-control" [(ngModel)]="datastyle['font-size']">

<label class="">Font Size1</label>

</div>

<div class="md-form">

<input mdbInputDirective type="text" class="form-control" [(ngModel)]="datastyle['font-size']">

<label class="">Font Size2</label>

</div>

<div class="md-form">

<input mdbInputDirective type="text"class="form-control" [(ngModel)]="datastyle['font-size']">

<label class="">Font Size3</label>

</div>

<div class="md-form">

<input mdbInputDirective type="number"class="form-control" [(ngModel)]="datastyle['z-index']">

<label class="">Z Index</label>

</div>
   


Damian Gemza staff commented 6 years ago

To each div with class .md-form add some margin or padding class. For example, my-3 or py-3. Best Regards, Damian

Lukas@artemes commented 6 years ago

Thanks for your fast answer! Best regards, Lukas

Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: Free
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: Yes