(refactor) setting list ui

Author: Wen Chia Yang

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

@@ -1,17 +1,34 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.constraintlayout.widget.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
-                                                   xmlns:app="http://schemas.android.com/apk/res-auto"
-                                                   xmlns:tools="http://schemas.android.com/tools"
-                                                   android:layout_width="match_parent"
-                                                   android:layout_height="match_parent"
-                                                   android:background="@color/default_background_color"
-                                                   tools:context=".scenes.main.fragments.setting.SettingFragment">
+<androidx.constraintlayout.widget.ConstraintLayout
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
+    xmlns:tools="http://schemas.android.com/tools"
+    android:layout_width="match_parent"
+    android:layout_height="match_parent"
+    android:background="@color/default_background_color"
+    tools:context=".scenes.main.fragments.setting.SettingFragment">
 
-    <androidx.recyclerview.widget.RecyclerView
-        android:id="@+id/recycler_view_setting_fragment"
+    <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="match_parent"
-        android:scrollbars="vertical"
-        tools:listitem="@layout/item_image_text"/>
+        android:orientation="vertical">
+
+        <TextView
+            style="@style/TitleStyleCollectionsNotes"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:layout_marginTop="10dp"
+            android:padding="10dp"
+            android:text="@string/setting_header"
+            android:textAppearance="@style/TextAppearance.AppCompat.Large"/>
+
+        <androidx.recyclerview.widget.RecyclerView
+            android:id="@+id/recycler_view_setting_fragment"
+            android:layout_width="match_parent"
+            android:layout_height="match_parent"
+            android:scrollbars="vertical"
+            tools:listitem="@layout/item_image_text"/>
+
+    </LinearLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>

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

@@ -1,20 +1,27 @@
 <?xml version="1.0" encoding="utf-8"?>
-<androidx.cardview.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
+<androidx.cardview.widget.CardView
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:layout_width="match_parent"
     android:layout_height="wrap_content"
     android:layout_marginStart="8dp"
     android:layout_marginTop="8dp"
-    android:layout_marginEnd="8dp">
+    android:layout_marginEnd="8dp"
+    app:cardCornerRadius="10dp">
 
     <TextView
         android:id="@+id/text_view_image_text"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:drawablePadding="20dp"
+        android:drawableStart="@drawable/ic_default"
+        android:drawablePadding="16dp"
         android:layout_marginTop="8dp"
         android:layout_marginBottom="8dp"
         android:layout_marginStart="8dp"
-        android:text="sample text"
-        android:textAppearance="@style/TextAppearance.AppCompat.Large"/>
+        android:layout_marginEnd="24dp"
+        android:gravity="center|start"
+        android:text="Sample Text"
+        style="@style/BlackContentStyle"
+        android:textSize="24sp" />
 
 </androidx.cardview.widget.CardView>

app/src/main/res/values/strings.xml

@@ -29,7 +29,7 @@
     <string name="new_category">new category</string>
 
     <!-- Setting Fragment -->
-
+    <string name="setting_header">Setting</string>
 
     <!-- Note Activity -->
     <string name="note_search_hint">Find your notes</string>