android - CardView button and text not aligning -


i'm having problem creating cardview button aligns start of text:

screenshot of cardview issue

i'm following dimensions set out in material design spec padding , text-sizes. xml i'm using:

<android.support.v7.widget.cardview xmlns:android="http://schemas.android.com/apk/res/android"     xmlns:tools="http://schemas.android.com/tools"     android:layout_width="match_parent"     android:layout_height="wrap_content"     android:layout_margin="8dp">      <linearlayout         android:layout_width="match_parent"         android:layout_height="wrap_content"         android:orientation="vertical">          <textview             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:paddingbottom="16dp"             android:paddingleft="16dp"             android:paddingright="16dp"             android:paddingtop="24dp"             android:text="title goes here"             android:textcolor="@color/primary_text_default_material_light"             android:textsize="24sp" />          <textview             android:layout_width="match_parent"             android:layout_height="wrap_content"             android:paddingbottom="16dp"             android:paddingleft="16dp"             android:paddingright="16dp"             android:text="subtitle here"             android:textsize="14sp" />          <button             style="@style/base.widget.appcompat.button.borderless.colored"             android:layout_width="wrap_content"             android:layout_height="wrap_content"             android:layout_margin="8dp"             android:padding="0dp"             android:text="action 1"             android:textcolor="@color/accent_material_light" />     </linearlayout> </android.support.v7.widget.cardview> 

visually, there's gap between start of text , borderless button text.

enter image description here

as shown in material design spec, button , start of title , subtitle should line up:

material design cardview showing aligned text , button

where going wrong?

you should remove android:layout_margin , android:padding attributes , replace android:paddingleft="8dp" shown below. should consider using android:paddingstart better support right left layouts , using android:paddingright , android:paddingend better support right left symmetry.

    <button         style="@style/base.widget.appcompat.button.borderless.colored"         android:layout_width="wrap_content"         android:layout_height="wrap_content"         android:paddingleft="8dp"         android:text="action 1"         android:textcolor="@color/accent_material_light" /> 

Comments