Angular and Ionic issue

I am very new to ionic and and still learning. So please bare with me, if I ask some dumb-ass question then please help me as I am on learning curve.

I was searching on internet some dropdown and I found fancy select dropdown, which I like very much but it was not having search facility within it. So I started putting textbox for search which have search icon and clear button icon for clearing text value.

My codepen codes link http://goo.gl/75lTSQ

So My issue are

  1. How can I make search icon some what bigger
  2. How can I make clear button some what smaller and disable behavior. Some mouse over effect

  3. I have written clear function on ng-click but it is not working

    Please help me

To make clear button small,add a id to your sub header clear icon and add this css 

#clearIcon:before {
    vertical-align: top;
    font-size: 15px!important;
    line-height: 15px!important;
}

To make search icon bigger,

.ion-search:before {
    content: "\f21f";
    font-size: 20px !important;
}

To clear the searchbox, ng-click=" $parent.search=' ' "