From e2eac06a32aaa90517e7f47b25de99f925f0f9bb Mon Sep 17 00:00:00 2001
From: Rahul Patel <whyorean@gmail.com>
Date: Sun, 21 Jul 2024 04:31:43 +0530
Subject: [PATCH] About: Revamp UI

---
 .../main/res/layout-land/fragment_about.xml   |  3 -
 app/src/main/res/layout/fragment_about.xml    | 12 +--
 app/src/main/res/layout/view_link.xml         | 80 +++++++++++--------
 3 files changed, 49 insertions(+), 46 deletions(-)

diff --git a/app/src/main/res/layout-land/fragment_about.xml b/app/src/main/res/layout-land/fragment_about.xml
index a8f84bdae..c2387857f 100644
--- a/app/src/main/res/layout-land/fragment_about.xml
+++ b/app/src/main/res/layout-land/fragment_about.xml
@@ -59,8 +59,6 @@
                 android:layout_height="wrap_content"
                 android:layout_below="@+id/img_icon"
                 android:layout_centerHorizontal="true"
-                android:layout_marginTop="@dimen/margin_normal"
-                android:layout_marginBottom="@dimen/margin_xsmall"
                 android:text="@string/app_name" />
 
             <androidx.appcompat.widget.AppCompatTextView
@@ -79,7 +77,6 @@
                 android:layout_height="wrap_content"
                 android:layout_below="@+id/line2"
                 android:layout_centerHorizontal="true"
-                android:layout_marginTop="@dimen/margin_xsmall"
                 android:gravity="center_vertical"
                 android:text="Made with ❤ in India" />
         </RelativeLayout>
diff --git a/app/src/main/res/layout/fragment_about.xml b/app/src/main/res/layout/fragment_about.xml
index 4b47619c3..d15793d5a 100644
--- a/app/src/main/res/layout/fragment_about.xml
+++ b/app/src/main/res/layout/fragment_about.xml
@@ -37,8 +37,8 @@
 
         <androidx.appcompat.widget.AppCompatImageView
             android:id="@+id/img_icon"
-            android:layout_width="@dimen/icon_size_avatar"
-            android:layout_height="@dimen/icon_size_avatar"
+            android:layout_width="@dimen/icon_size"
+            android:layout_height="@dimen/icon_size"
             android:layout_centerHorizontal="true"
             android:layout_marginTop="@dimen/margin_small"
             app:srcCompat="@drawable/bg_placeholder" />
@@ -50,8 +50,6 @@
             android:layout_height="wrap_content"
             android:layout_below="@+id/img_icon"
             android:layout_centerHorizontal="true"
-            android:layout_marginTop="@dimen/margin_normal"
-            android:layout_marginBottom="@dimen/margin_xsmall"
             android:text="@string/app_name" />
 
         <androidx.appcompat.widget.AppCompatTextView
@@ -70,7 +68,6 @@
             android:layout_height="wrap_content"
             android:layout_below="@+id/line2"
             android:layout_centerHorizontal="true"
-            android:layout_marginTop="@dimen/margin_xsmall"
             android:layout_marginBottom="@dimen/margin_small"
             android:text="Made with ❤ in India" />
     </RelativeLayout>
@@ -82,10 +79,7 @@
         android:clipToPadding="false"
         android:orientation="vertical"
         android:overScrollMode="never"
-        android:paddingStart="@dimen/padding_normal"
-        android:paddingTop="@dimen/padding_small"
-        android:paddingEnd="@dimen/padding_normal"
-        android:paddingBottom="@dimen/padding_small"
+        android:padding="@dimen/padding_small"
         app:itemSpacing="@dimen/margin_small"
         tools:listitem="@layout/view_link" />
 </LinearLayout>
diff --git a/app/src/main/res/layout/view_link.xml b/app/src/main/res/layout/view_link.xml
index 8d2acd70c..8161870aa 100644
--- a/app/src/main/res/layout/view_link.xml
+++ b/app/src/main/res/layout/view_link.xml
@@ -17,47 +17,59 @@
   ~
   -->
 
-<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
+<LinearLayout 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:background="@drawable/bg_outlined_padded">
+    android:background="?android:selectableItemBackground"
+    android:orientation="horizontal"
+    android:padding="@dimen/padding_small">
 
     <androidx.appcompat.widget.AppCompatImageView
         android:id="@+id/img_icon"
-        android:layout_width="@dimen/icon_size_category"
-        android:layout_height="@dimen/icon_size_category"
-        android:layout_centerVertical="true" />
+        android:layout_width="@dimen/icon_size_default"
+        android:layout_height="@dimen/icon_size_default"
+        android:layout_gravity="center_vertical"
+        tools:src="@drawable/ic_menu_about" />
 
-    <com.google.android.material.textview.MaterialTextView
-        android:id="@+id/line1"
+    <View
+        android:layout_width="@dimen/margin_xxsmall"
+        android:layout_height="match_parent"
+        android:layout_marginStart="@dimen/margin_xlarge"
+        android:layout_marginEnd="@dimen/margin_xlarge"
+        android:background="@drawable/divider_line"
+        android:backgroundTint="?colorControlHighlight" />
+
+    <LinearLayout
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_alignBaseline="@id/img_icon"
-        android:layout_marginStart="@dimen/margin_small"
-        android:layout_toEndOf="@+id/img_icon"
-        android:singleLine="true"
-        android:textAppearance="@style/TextAppearance.Aurora.Line1" />
+        android:orientation="vertical">
 
-    <com.google.android.material.textview.MaterialTextView
-        android:id="@+id/line2"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_below="@+id/line1"
-        android:layout_alignStart="@id/line1"
-        android:layout_toEndOf="@+id/img_icon"
-        android:maxLines="2"
-        android:textAppearance="@style/TextAppearance.Aurora.Line2" />
+        <com.google.android.material.textview.MaterialTextView
+            android:id="@+id/line1"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:singleLine="true"
+            android:textAppearance="@style/TextAppearance.Aurora.SubTitle"
+            tools:text="Title" />
 
-    <com.google.android.material.textview.MaterialTextView
-        android:id="@+id/line3"
-        android:layout_width="match_parent"
-        android:layout_height="wrap_content"
-        android:layout_below="@+id/line2"
-        android:layout_alignStart="@id/line1"
-        android:layout_toEndOf="@+id/img_icon"
-        android:maxLines="2"
-        android:textAppearance="@style/TextAppearance.Aurora.Line3"
-        android:textColor="?colorAccent"
-        android:textIsSelectable="true"
-        android:visibility="gone" />
-</RelativeLayout>
\ No newline at end of file
+        <com.google.android.material.textview.MaterialTextView
+            android:id="@+id/line2"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:maxLines="2"
+            android:textAppearance="@style/TextAppearance.Aurora.Line2"
+            tools:text="Subtitle" />
+
+        <com.google.android.material.textview.MaterialTextView
+            android:id="@+id/line3"
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:maxLines="2"
+            android:textAppearance="@style/TextAppearance.Aurora.Line3"
+            android:textColor="?colorAccent"
+            android:textIsSelectable="true"
+            android:visibility="gone"
+            tools:text="Link" />
+    </LinearLayout>
+</LinearLayout>
\ No newline at end of file