How can I set the height of an option?

I am new to front-end development and have been tasked to rework some old code … Read more How can I set the height of an option?

I am new to front-end development and have been tasked to rework some old code and migrate to angular. Currently, I have a list of options but the box is larger than needed. How can I adjust the position/height to match the old layout?

current implementation:

enter image description here

Code:

<div>
 <div class="row">
 <div class="col-md-2">Match Type</div>
 <div class="col-md-4">
  <div>
    <select class="form-control" [(ngModel)]="singleRecordMatchBean.matchType">
      <option value="undefined" [disabled]="true" >---Select---</option>
      <option *ngFor="let object of defaultOptions.MATCHES" [ngValue]="object.code" 
      >{{object.desc}}</option> 
    </select>
  </div>
</div>
<div class="col-md-2" style="color: red; font-size: 0.93em;white-space: pre-wrap;">*Required</div>

desired outcome:

enter image description here

Thanks in advance!

Source: CSS – Stack Overflow


Categories: NewsTags: , ,

Tags: , ,


Leave a Reply

Your email address will not be published. Required fields are marked *