XML : android spin button 90 degree and making it take third of the screen

i have a screen filled with buttons in my app and i need to have three specific buttons to turn 90 degree so their text will be turned i tried to use

  android:rotation="90"    

it fixed my text direction problem but it made it so the button be too small (the button kept their width size) i need it will look like this

for this three button i need to change (the button that said 1st12 2st12 and 3st12) is:

          <Button              android:layout_width="match_parent"              android:layout_height="wrap_content"              android:layout_weight="1"              android:textSize="20sp"              android:textStyle="bold"              android:text="1st12"              android:rotation="90"               />            <Button              android:layout_width="match_parent"              android:layout_height="wrap_content"              android:layout_weight="1"              android:textSize="20sp"              android:text="2st12"              android:rotation="90"/>            <Button              android:layout_width="match_parent"              android:layout_height="wrap_content"              android:layout_weight="1"              android:textSize="20sp"              android:text="3st12"              android:rotation="90"/>    

any help will be great thanks