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>
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
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, DamianLukas@artemes commented 6 years ago
Thanks for your fast answer! Best regards, Lukas