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

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.

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

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
Post a Comment