styles: add setting layout style

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

@@ -3,12 +3,32 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
+    xmlns:app="http://schemas.android.com/apk/res-auto"
     android:orientation="vertical"
     tools:context=".ui.settings.SettingsFragment"
     android:paddingHorizontal="24dp"
     android:background="@color/primaryBlue">
+    <androidx.constraintlayout.widget.ConstraintLayout
+        android:layout_width="match_parent"
+        android:layout_height="wrap_content">
+        <TextView
+            android:id="@+id/twibbon_header_text"
+            android:layout_width="wrap_content"
+            android:layout_height="wrap_content"
+            android:fontFamily="@font/montserrat"
+            android:text="@string/setting_header"
+            android:textColor="@color/white"
+            android:textSize="20sp"
+            android:layout_marginVertical="8dp"
+            android:layout_gravity="center"
+            app:layout_constraintBottom_toBottomOf="parent"
+            app:layout_constraintEnd_toEndOf="parent"
+            app:layout_constraintStart_toStartOf="parent"
+            app:layout_constraintTop_toTopOf="parent" />
+    </androidx.constraintlayout.widget.ConstraintLayout>
+
     <ImageView
-        android:layout_marginTop="20dp"
+        android:layout_marginTop="60dp"
         android:src="@drawable/logo"
         android:contentDescription="@string/logo"
         android:layout_width="100dp"
@@ -33,14 +53,11 @@
         android:layout_height="wrap_content"
         android:orientation="horizontal"
         android:gravity="center">
-        <ImageView
-            android:layout_width="50dp"
-            android:layout_height="50dp"
-            android:src="@drawable/icon_setting"/>
-        <Button
+        <ImageButton
             android:id="@+id/btn_settings"
-            android:layout_width="match_parent"
-            android:layout_height="80dp"
+            android:layout_width="350dp"
+            android:layout_height="88dp"
+            android:background="@drawable/download_history"
             android:text="Settings"/>
     </LinearLayout>
 
@@ -50,15 +67,12 @@
         android:layout_height="wrap_content"
         android:orientation="horizontal"
         android:gravity="center">
-        <ImageView
-            android:layout_width="50dp"
-            android:layout_height="50dp"
-            android:src="@drawable/icon_setting"/>
-        <Button
+        <ImageButton
             android:id="@+id/btn_upload_history"
-            android:layout_width="match_parent"
-            android:layout_height="80dp"
-            android:text="Upload History"/>
+            android:layout_width="350dp"
+            android:layout_height="88dp"
+            android:background="@drawable/upload_history"
+            android:text="Settings"/>
     </LinearLayout>
 
     <LinearLayout
@@ -67,15 +81,12 @@
         android:layout_height="wrap_content"
         android:orientation="horizontal"
         android:gravity="center">
-        <ImageView
-            android:layout_width="50dp"
-            android:layout_height="50dp"
-            android:src="@drawable/icon_setting"/>
-        <Button
+        <ImageButton
             android:id="@+id/btn_keluar"
-            android:layout_width="match_parent"
-            android:layout_height="80dp"
-            android:text="Keluar"/>
+            android:layout_width="350dp"
+            android:layout_height="88dp"
+            android:background="@drawable/keluar"
+            android:text="Settings"/>
     </LinearLayout>
 
 

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

@@ -41,7 +41,7 @@
     <string name="expense">Pengeluaran</string>
     <string name="all">Semua</string>
 
-
-
+    <!--    Settings-->
+    <string name="setting_header">Setting</string>
 
 </resources>