In my ionic popup, I have a HTML property called select with nested options. Below is the code snippet along with the applied CSS. My query is how can I set the white space to occupy the entire area of the select?
https://i.stack.imgur.com/iPqAa.png
https://i.stack.imgur.com/xZlfe.jpg
$scope.cat1 = ["cat1", "cat2", "cat3"];.item-select{
max-height: 30px;
border-radius: 10px;
// width: 100%;
}
.label-police{
font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
font-weight:300;
background-color:rgba(172,231,242, 0.1);
}
.top-input{
background-color:rgba(206,240,246, 0.9);
font-weight:300;
border-radius: 4px 4px 4px 4px !important;
}<label class="label-police">Cat :</label>
<div class="spacer" style="width: 100%; height: 2px;"></div>
<label class="item item-select">
<select class="top-input"><br><option class="top-input" ng-repeat="cat in cat1">{{ cat }}</option></select></label>