title: How to remove extra padding or margin in material design button?
body: <p>I am trying to create an button which is attached to the TextView above the button as shown in the below image.</p>
  
  <p><a href="https://i.stack.imgur.com/D9DF6.png" rel="noreferrer"><img src="https://i.stack.imgur.com/D9DF6.png" alt="enter image description here"></a></p>
  
  <p>The above screenshot is taken from the Note 4 and the OS version is 5.0.1.</p>
  
  <p>Below is the code is used to achieve the UI.</p>
  
  <p>layout/xyz.xml</p>
  
  <pre><code>    &lt;Button
      android:layout_width="250dp"
      android:layout_height="50dp"
      android:theme="@style/myButton"
      android:text="Cancel"/&gt;
  </code></pre>
  
  <p>values-v21/style.xml</p>
  
  <pre><code>    &lt;style name="myButton" parent="@style/Base.Widget.AppCompat.Button"&gt;
      &lt;item name="android:colorButtonNormal"&gt;#3578A9&lt;/item&gt;
      &lt;item name="android:inset"&gt;0dp&lt;/item&gt;
      &lt;/style&gt;
  </code></pre>
  
  <p>But if I run the same code in Nexus4 OS verison 5.1.1, the button is taking the margin for all the 4 sides and the screenshot looks like below.</p>
  
  <p><a href="https://i.stack.imgur.com/iYRlf.png" rel="noreferrer"><img src="https://i.stack.imgur.com/iYRlf.png" alt="enter image description here"></a></p>
  
  <p>If I remove the "android:theme" and provide the "android:background", the UI looks like the first image. But It won't give the ripple effect. So how the achieve the UI as first image with the ripple effect.</p>