Inconsistent padding on Dua Detail List Card about hisnulmuslim

[mdali92]

Go to dua_detail_item_card.xml and do the following edit :

Basically for txtDuaReference, remove the top padding property and change bottom padding to 5dp, like this :

It should look better now.

[khalid-hussain]

Actually I wanted the opposite. I want both the 'translation' and 'reference' to have 10dp padding on the top and bottom.

[mdali92]

Alright, here is the fix. There is a small trick. Your English translation is using the class TextViewEx and not the standard TextView. This is giving issues when you are adding padding above and below the english text. However, the reference text uses the standard TextView and padding is not an issue there. Therefore, the trick is to add 10dp margin to the divider grid above and below the English text... like this :

           <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:layout_marginBottom="10dp"
            android:background="@color/card_divider_gray" />

        <classes.TextViewEx
            android:id="@+id/txtDuaTranslation"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:gravity="center_vertical"
            android:text="English Text"
            android:textSize="14sp" />

        <View
            android:layout_width="match_parent"
            android:layout_height="1dp"
            android:layout_marginLeft="1dp"
            android:layout_marginRight="1dp"
            android:layout_marginTop="10dp"
            android:background="@color/card_divider_gray" />

        <TextView
            android:id="@+id/txtDuaReference"
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:paddingBottom="10dp"
            android:paddingTop="10dp"
            android:text="Dua Reference"
            android:textSize="14sp" />

Now the result looks like this :

[khalid-hussain]

Following your solution, this is what has been achieved:

I still don't understand why there is this extra spacing. I have a feeling that to creating an efficient solution involves editing TextViewEx.

JazakAllahu khayran for the effort.

[mdali92]

That's the 10dp padding. I thought you said you wanted 10dp padding at the top and bottom of translation and references?

[khalid-hussain]

I've used the same padding settings for both the regular textView and the textView ex. The 10dp for the 'translation' is seen as the pink bars. In the image to the right, there is some extra spacing between the textView ex and the spacing/padding for the divider View. We need to find out where it is coming from and remove it.

[khalid-hussain]

This has been fixed due to commit bc9f510

Preview:

[khalid-hussain]

Due to the update of the Text-Justify library to 2.0.4, this is back.