From b0c11f5c2cb203f337a4981d6374ee559d27a89c Mon Sep 17 00:00:00 2001
From: Thomas <tschneider.ac@gmail.com>
Date: Fri, 6 Jun 2025 10:16:28 +0200
Subject: [PATCH] Change layout for custom fields

---
 .../mastodon/layout/activity_edit_profile.xml | 89 +++++++++++++------
 1 file changed, 61 insertions(+), 28 deletions(-)

diff --git a/app/src/main/res/layouts/mastodon/layout/activity_edit_profile.xml b/app/src/main/res/layouts/mastodon/layout/activity_edit_profile.xml
index 453ce724..a7bda828 100644
--- a/app/src/main/res/layouts/mastodon/layout/activity_edit_profile.xml
+++ b/app/src/main/res/layouts/mastodon/layout/activity_edit_profile.xml
@@ -162,41 +162,74 @@
                 tools:text="@tools:sample/lorem/random" />
 
 
-            <com.google.android.material.textview.MaterialTextView
-                android:id="@+id/fields_label"
+            <androidx.constraintlayout.widget.ConstraintLayout
+                android:id="@+id/fields_main_container"
                 android:layout_width="match_parent"
                 android:layout_height="wrap_content"
-                android:layout_marginHorizontal="12dp"
-                android:layout_marginTop="12dp"
-                android:text="@string/fields_title"
-                android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
-                app:layout_constraintTop_toBottomOf="@id/bio" />
-            <androidx.appcompat.widget.LinearLayoutCompat
-                android:id="@+id/fields"
-                android:layout_width="match_parent"
-                android:layout_height="wrap_content"
-                android:layout_marginHorizontal="12dp"
-                android:layout_marginTop="12dp"
-                android:orientation="vertical"
-                app:layout_constraintTop_toBottomOf="@id/fields_label">
+                android:layout_marginStart="16dp"
+                android:layout_marginTop="10dp"
+                android:layout_marginEnd="16dp"
+                app:layout_constraintTop_toBottomOf="@id/bio"
+                >
+                <View
+                    android:id="@+id/fields_border_view"
+                    android:layout_width="match_parent"
+                    android:layout_height="0dp"
+                    android:paddingBottom="10dp"
+                    android:background="@drawable/translation_border"
+                    app:layout_constraintBottom_toBottomOf="parent"
+                    app:layout_constraintTop_toBottomOf="@id/fields_border_top" />
 
+                <androidx.constraintlayout.widget.Placeholder
+                    android:id="@+id/fields_border_top"
+                    android:layout_width="wrap_content"
+                    android:layout_height="1dp"
+                    app:layout_constraintBottom_toBottomOf="@id/fields_label"
+                    app:layout_constraintEnd_toEndOf="@id/fields_label"
+                    app:layout_constraintTop_toTopOf="@id/fields_label" />
+
+                <com.google.android.material.textview.MaterialTextView
+                    android:id="@+id/fields_label"
+                    android:layout_width="wrap_content"
+                    android:background="?colorSurface"
+                    android:elevation="2dp"
+                    android:paddingStart="2dp"
+                    android:paddingEnd="2dp"
+                    android:layout_height="wrap_content"
+                    android:layout_marginHorizontal="12dp"
+                    android:layout_marginTop="12dp"
+                    android:text="@string/fields_title"
+                    android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
+                    app:layout_constraintStart_toStartOf="parent"
+                    app:layout_constraintTop_toTopOf="parent"  />
                 <androidx.appcompat.widget.LinearLayoutCompat
-                    android:id="@+id/fields_container"
+                    android:id="@+id/fields"
                     android:layout_width="match_parent"
                     android:layout_height="wrap_content"
-                    android:orientation="vertical" />
+                    android:layout_marginHorizontal="12dp"
+                    android:padding="5dp"
+                    android:orientation="vertical"
+                    app:layout_constraintTop_toBottomOf="@id/fields_label">
 
-                <com.google.android.material.button.MaterialButton
-                    android:id="@+id/add_field"
-                    style="@style/Widget.Material3.Button.OutlinedButton"
-                    android:layout_width="wrap_content"
-                    android:layout_height="wrap_content"
-                    android:layout_gravity="end"
-                    android:layout_marginVertical="6dp"
-                    android:text="@string/add_field"
-                    app:icon="@drawable/ic_baseline_add_24" />
+                    <androidx.appcompat.widget.LinearLayoutCompat
+                        android:id="@+id/fields_container"
+                        android:layout_width="match_parent"
+                        android:layout_height="wrap_content"
+                        android:orientation="vertical" />
+
+                    <com.google.android.material.button.MaterialButton
+                        android:id="@+id/add_field"
+                        style="@style/Widget.Material3.Button.OutlinedButton"
+                        android:layout_width="wrap_content"
+                        android:layout_height="wrap_content"
+                        android:layout_gravity="end"
+                        android:layout_marginVertical="6dp"
+                        android:text="@string/add_field"
+                        app:icon="@drawable/ic_baseline_add_24" />
+
+                </androidx.appcompat.widget.LinearLayoutCompat>
+            </androidx.constraintlayout.widget.ConstraintLayout>
 
-            </androidx.appcompat.widget.LinearLayoutCompat>
 
             <com.google.android.material.textview.MaterialTextView
                 android:id="@+id/featured_hashtags_label"
@@ -206,7 +239,7 @@
                 android:layout_marginTop="12dp"
                 android:text="@string/featured_hashtags_title"
                 android:textAppearance="@style/TextAppearance.Material3.BodyMedium"
-                app:layout_constraintTop_toBottomOf="@id/fields" />
+                app:layout_constraintTop_toBottomOf="@id/fields_main_container" />
 
 
             <androidx.appcompat.widget.LinearLayoutCompat