From a8a5dd2dba343fce854000bf6b39d138d8fcbf6f Mon Sep 17 00:00:00 2001
From: 0xd9a <0xd9a@noreply.codeberg.org>
Date: Sun, 24 Aug 2025 23:33:11 +0530
Subject: [PATCH] Improve UI and accessibility in login page

---
 .../mastodon/layout/fragment_login_main.xml   | 21 ++++++++++++-------
 app/src/main/res/values/strings.xml           |  2 +-
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/app/src/main/res/layouts/mastodon/layout/fragment_login_main.xml b/app/src/main/res/layouts/mastodon/layout/fragment_login_main.xml
index 35ea4309..44df161a 100644
--- a/app/src/main/res/layouts/mastodon/layout/fragment_login_main.xml
+++ b/app/src/main/res/layouts/mastodon/layout/fragment_login_main.xml
@@ -36,21 +36,24 @@
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:layout_marginHorizontal="24dp"
+        style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
         app:errorEnabled="true"
+        android:hint="@string/instance"
+        app:helperText="@string/instance_example"
         app:layout_constraintBottom_toTopOf="@id/login_token_layout"
         app:layout_constraintTop_toTopOf="parent"
         app:layout_constraintVertical_chainStyle="packed">
 
         <com.google.android.material.textfield.MaterialAutoCompleteTextView
             android:id="@+id/login_instance"
-            style="@style/Widget.Material3.TextInputEditText.FilledBox"
+            style="@style/Widget.Material3.TextInputEditText.OutlinedBox"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:dropDownAnchor="@id/login_instance_layout"
-            android:hint="@string/instance_example"
             android:imeOptions="actionDone"
             android:inputType="textWebEmailAddress"
             android:singleLine="true" />
+
     </com.google.android.material.textfield.TextInputLayout>
 
 
@@ -59,8 +62,10 @@
         tools:visibility="visible"
         android:id="@+id/login_token_layout"
         android:layout_width="match_parent"
+        style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
         android:layout_height="wrap_content"
         android:layout_marginHorizontal="24dp"
+        android:layout_marginTop="12dp"
         app:errorEnabled="true"
         app:layout_constraintBottom_toTopOf="@id/continue_button"
         app:layout_constraintTop_toBottomOf="@+id/login_instance_layout"
@@ -68,19 +73,21 @@
 
         <com.google.android.material.textfield.MaterialAutoCompleteTextView
             android:id="@+id/login_token"
-            style="@style/Widget.Material3.TextInputEditText.FilledBox"
+            style="@style/Widget.Material3.TextInputEditText.OutlinedBox"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:hint="@string/instance_token"
             android:imeOptions="actionDone"
             android:inputType="text"
             android:singleLine="true" />
+
     </com.google.android.material.textfield.TextInputLayout>
 
     <com.google.android.material.button.MaterialButton
         android:id="@+id/continue_button"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
+        android:layout_marginTop="12dp"
         android:text="@string/keepon"
         android:textAllCaps="false"
         app:layout_constraintBottom_toBottomOf="parent"
@@ -93,19 +100,19 @@
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginStart="24dp"
-        android:layout_marginBottom="12dp"
         android:text="@string/dont_have_an_account"
-        app:layout_constraintBottom_toBottomOf="parent"
+        app:layout_constraintTop_toTopOf="@id/no_account_a"
+        app:layout_constraintBottom_toBottomOf="@id/no_account_a"
         app:layout_constraintStart_toStartOf="parent" />
 
-    <com.google.android.material.textview.MaterialTextView
+    <com.google.android.material.button.MaterialButton
         android:id="@+id/no_account_a"
+        style="@style/Widget.Material3.Button.TextButton"
         android:layout_width="wrap_content"
         android:layout_height="wrap_content"
         android:layout_marginStart="5dp"
         android:layout_marginBottom="12dp"
         android:text="@string/join_the_fediverse"
-        android:textColor="?android:textColorLink"
         app:layout_constraintBottom_toBottomOf="parent"
         app:layout_constraintStart_toEndOf="@id/no_account_q" />
 
diff --git a/app/src/main/res/values/strings.xml b/app/src/main/res/values/strings.xml
index adf05f5c..b826ba19 100644
--- a/app/src/main/res/values/strings.xml
+++ b/app/src/main/res/values/strings.xml
@@ -23,7 +23,7 @@
     <string name="tags">Tags</string>
     <string name="save">Save</string>
     <string name="instance">Instance</string>
-    <string name="instance_example">Instance: mastodon.social</string>
+    <string name="instance_example">E.g.: mastodon.social</string>
     <string name="instance_token">Your token</string>
     <string name="toast_account_changed" formatted="false">Now works with the account %1$s</string>
     <string name="add_account">Add an account</string>