feat: Improve UI of FAQs (fossasia#1451)

* feat: Add checkable behavior to menu items under other category in the navigation drawer

* feat: Add back button in the toolbar

* feat: Improve UI of FAQs

* feat: Improve UI of FAQs

Author: Princejhabak

app/src/main/res/layout/fragment_faq.xml

@@ -4,13 +4,14 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent"
     android:background="@color/white"
-    android:orientation="vertical" >
+    android:orientation="vertical">
 
     <ExpandableListView
         android:id="@+id/expListView"
         android:layout_width="match_parent"
         android:layout_height="@dimen/dimen_zero_dp"
-        android:layout_weight="0.14">
+        android:layout_weight="0.14"
+        android:childDivider="@android:color/transparent">
     </ExpandableListView>
 
 </LinearLayout>

app/src/main/res/layout/list_group.xml

@@ -9,36 +9,35 @@
     <LinearLayout
         android:layout_width="@dimen/list_group_layout_width"
         android:layout_height="@dimen/list_group_layout_height"
-        android:orientation="vertical" >
+        android:orientation="vertical">
 
         <TextView
             android:layout_width="match_parent"
             android:layout_height="match_parent"
+            android:layout_marginTop="@dimen/faq_question_margin_top"
             android:text="@string/question"
             android:textAlignment="center"
-            android:layout_marginTop="@dimen/faq_question_margin_top"
-            android:textColor="@color/black"
-            android:textStyle="bold"
-            android:textSize="@dimen/faq_question_text_size"/>
+            android:textColor="@color/colorPrimary"
+            android:textSize="@dimen/faq_question_text_size" />
 
     </LinearLayout>
 
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:orientation="vertical" >
+        android:orientation="vertical">
 
         <TextView
             android:id="@+id/lblListHeader"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:gravity="center_vertical"
+            android:justificationMode="inter_word"
+            android:paddingBottom="@dimen/text_padding_top"
             android:paddingLeft="@dimen/text_padding_top"
             android:paddingTop="@dimen/text_padding_top"
-            android:paddingBottom="@dimen/text_padding_top"
-            android:textColor="@color/black"
+            android:textColor="@color/colorPrimaryDark"
             android:textSize="@dimen/text_size"
-            android:justificationMode="inter_word"
             tools:ignore="SpUsage" />
 
     </LinearLayout>

app/src/main/res/layout/list_item.xml

@@ -2,34 +2,34 @@
 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
+    android:background="@color/background"
     android:orientation="vertical">
-    
+
     <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content">
 
         <TextView
             android:layout_width="wrap_content"
             android:layout_height="match_parent"
-            android:layout_marginTop="@dimen/faq_question_margin_top"
             android:layout_marginLeft="@dimen/faq_answer_margin_start"
+            android:layout_marginTop="@dimen/faq_question_margin_top"
             android:text="@string/answer"
             android:textAlignment="center"
             android:textColor="@color/black"
-            android:textSize="@dimen/faq_question_text_size"
-            android:textStyle="bold" />
+            android:textSize="@dimen/faq_question_text_size" />
 
         <TextView
             android:id="@+id/lblListItem"
             android:layout_width="fill_parent"
             android:layout_height="match_parent"
             android:layout_marginLeft="@dimen/faq_answer_margin"
+            android:justificationMode="inter_word"
             android:paddingBottom="@dimen/list_item_padding"
             android:paddingLeft="@dimen/text_padding_top"
             android:paddingRight="@dimen/text_padding_top"
             android:paddingTop="@dimen/list_item_padding"
-            android:textSize="@dimen/text_size_wavegen"
-            android:justificationMode="inter_word"/>
+            android:textSize="@dimen/text_size_wavegen" />
 
     </LinearLayout>