title: Kendo splitter: resizing collapsible icon
body: <p>The <a href="http://demos.telerik.com/aspnet-mvc/splitter/index" rel="nofollow noreferrer">Kendo Splitter</a> has a collapsible property that I want to use. However, the icon is a very small arrow that isn't intuitive at all, the users can barely see it. Even when they know it's there, the icon is so small that clicking it takes some time as hovering such a tiny icon is not that fast.</p>
  
  <p><img src="https://i.stack.imgur.com/iJhDZ.png" alt="Splitter"></p>
  
  <p>I want to make it bigger. I managed to enlarge the divider itself</p>
  
  <pre><code>.k-splitbar.k-splitbar-horizontal{
      width: 20px; 
  }
  </code></pre>
  
  <p>but not the small icon.</p>
  
  <p>I found <a href="http://www.telerik.com/forums/splitter-arrow-style-nad-divider-width" rel="nofollow noreferrer">this post</a> from a user with the exact same issue as me but the solutions there don't work and the user hasn't given any feedback on them.</p>