Inputfields are too close together

Topic: Inputfields are too close together

lukas.koch free asked 7 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 7 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.koch free commented 7 years ago

Thanks for your fast answer! Best regards, Lukas

Add comment

Write

Create snippet

FREE CONSULTATION

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

Status

Resolved

Specification of the issue

ForumUser: Free
Premium support: No
Technology: MDB Angular
MDB Version: -
Device: -
Browser: -
OS: -
Provided sample code: No
Provided link: Yes

lukas.koch

44Support score
6Questions 3Answers 0Snippets