How can I style my ion-options so that they are wider?
Here is my ion-select code:
The peritoneal contamination
<ion-select class="width100" formControlName="the_perit_contam" interface="popover">
<ion-option>None or reactive serous fluid only</ion-option>
<ion-option>Bile</ion-option>
<ion-option>Blood/haematoma</ion-option>
<ion-option>Faeces</ion-option>
<ion-option>Faeculent fluid</ion-option>
<ion-option>Free gas from perforation +/- minimal contamination</ion-option>
<ion-option>Gastro-duodenal contents</ion-option>
<ion-option>Pus</ion-option>
<ion-option>Small bowel contents</ion-option>
</ion-select>
</ion-item>
</div>
When I run the code, with all the necessary TS, the dropdown list isn’t wide enough and some text gets cut off.