title: How to style the angular2 material slide-toggle button
body: <p>I am new to angular 2 and material design.
  I would like to know how to style the slide-toggle button to be smaller.</p>
  
  <pre><code> &lt;div class="example-section"&gt;
    &lt;mat-slide-toggle class="line-toggle"
      &lt;span class="font-size-12"&gt;Slide Me&lt;/span&gt;
    &lt;/mat-slide-toggle&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>The css is as below</p>
  
  <pre><code>  .example-section {
    display: flex;
    align-content: center;
    align-items: center;
    height: 18px;
    margin-top: -12px;
  }
   .line-toggle{
    height: 10px;
    line-height: 8px;
   }
  </code></pre>
  
  <p>I would like to decrease the size of the button and reduce the height of the slider.</p>