title: How to change the stylesheet of this ui-select element? (angular)
body: <p>I wrote a little program in angular using an ui-select element. The problem is that the search bar is really too long and I didn't find how to reduce it. Usually, we have some "width" properties that you can change for that but the css code is too complicated and I didn't find how to manage that. What I want to do is to save three bars at the same line. </p>
  
  <p>I copied the sample from the official page of the ui-select, so it contains a lot of things in css that I didn't understand and I don't know much about css or bootstrap... </p>
  
  <p>The style element in the index.html is this one : </p>
  
  <pre><code>  &lt;style&gt;
      body {
        padding: 15px;
      }
  
      .select2 &gt; .select2-choice.ui-select-match {
        /* Because of the inclusion of Bootstrap */
        height: 29px;
      }
  
      .selectize-control &gt; .selectize-dropdown {
        top: 36px;
      }
    &lt;/style&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>And they included a huge select.css file in their sample that you can find in my plunker : <a href="http://plnkr.co/edit/kuryoI5osBtRihYAeoVH?p=preview" rel="nofollow noreferrer">http://plnkr.co/edit/kuryoI5osBtRihYAeoVH?p=preview</a></p>
  
  <ul>
  <li>Can you show me how can I reduce the width of th search bar?</li>
  <li>Can you PLEASE show me how to remove all the unecessary line from the select.css included in the plunker that are not used in my example ?? I don't know how can I do that efficiently. I'm afraid to delete important elements and I really got lost in that huge css file.</li>
  </ul>
  
  <p>Thank you in advance !</p>