horizontal align md- form with mdb select??

hi, this is the code

Start your code here

<div class="row">
<div class="col-md-6">
<mdb-select [options]="optionsSelect" placeholder="Choose your option"></mdb-select>
<label>Example label</label>
</div>
<div class="col-md-6"> 
<div class="md-form">
<input mdbInputDirective type="text" id="form1" class="form-control">
<label for="form1" class="">Example label</label>
</div>
</div> 
</div>

Rinaldi pro commented 7 years ago

I have to horizontally align the input fields, so that they take up the same height and ther bottom borders are aligned

---

Damian Gemza staff commented 7 years ago

Dear Rinaldi, As a workaround, please add class="mt-3" to your mdb-select element, and then add below styles to your styles.scss file: .single { padding-bottom: 4px !important; } In future releases, we'll try to fix problems with aligning inputs. Best Regards, Damian

---

Rinaldi pro commented 7 years ago

thank you very much for the answer but unfortunately we are not, the label of the select is not aligned with that of the 'imput, moreover the distance between the margin-bottom and the placeholder is not the same. I have solved for some time with workaraund but they are practices not well seen by the development team. I hope in your future fix. the mdb-select and the .md-form are not nice even stacked because of these different spaces ...

---

Damian Gemza staff commented 7 years ago

We'll try to fix this problem in future releases. But thanks for your report! Best Regards, Damian

---