title: Show four button in same line without any space between them?
body: <p>I want to have four button under action bar like this. But the problem is I can not remove the space between the buttons. I used negative margin but it does not look like this. So my question is how can I achieve this design?
  <img src="https://i.stack.imgur.com/sEJkt.png" alt="desired design"></p>
  
  <p>I did so far </p>
  
  <pre><code>    &lt;Button
          style="?android:attr/buttonStyleSmall"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Sports"
          android:id="@+id/sports"
          android:layout_marginRight="-8dp"/&gt;
      &lt;Button
          style="?android:attr/buttonStyleSmall"
          android:layout_width="wrap_content"
          android:layout_height="wrap_content"
          android:text="Political"
          android:id="@+id/political"
          android:layout_toRightOf="@+id/sports"/&gt;
  </code></pre>
  
  <p>and the output is 
  <img src="https://i.stack.imgur.com/kPdvO.png" alt="enter image description here"></p>