use material components

Author: codehasan

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

@@ -14,7 +14,7 @@
 
         <TextView
             android:id="@+id/app_name"
-            style="@style/WindowTitle"
+            style="@style/PopupWindowTitle"
             android:layout_width="wrap_content"
             android:layout_height="wrap_content"
             android:clickable="false"
@@ -49,7 +49,7 @@
         android:orientation="horizontal">
 
         <TextView
-            style="@style/WindowContent"
+            style="@style/PopupWindowContent"
             android:layout_width="80dp"
             android:layout_height="match_parent"
             android:layout_marginTop="1dp"
@@ -66,7 +66,7 @@
 
         <TextView
             android:id="@+id/package_name"
-            style="@style/WindowContent"
+            style="@style/PopupWindowContent"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_marginTop="1dp"
@@ -84,7 +84,7 @@
         android:orientation="horizontal">
 
         <TextView
-            style="@style/WindowContent"
+            style="@style/PopupWindowContent"
             android:layout_width="80dp"
             android:layout_height="match_parent"
             android:layout_marginTop="1dp"
@@ -101,7 +101,7 @@
 
         <TextView
             android:id="@+id/class_name"
-            style="@style/WindowContent"
+            style="@style/PopupWindowContent"
             android:layout_width="match_parent"
             android:layout_height="match_parent"
             android:layout_marginTop="1dp"

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

@@ -1,4 +1,5 @@
 <LinearLayout 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:orientation="vertical"
@@ -9,18 +10,25 @@
         android:id="@+id/helper"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:layout_marginBottom="4dp"
         android:text="Set an empty value to use default 'CALCULATED' width or "
+        android:textColor="?attr/colorOnSurfaceVariant"
         android:textSize="14sp" />
 
-    <EditText
+    <com.google.android.material.textfield.TextInputLayout
         android:id="@+id/width"
+        style="@style/Widget.Material3.TextInputLayout.OutlinedBox"
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
-        android:digits="0123456789"
-        android:hint="CALCULATED"
-        android:importantForAutofill="no"
-        android:inputType="numberDecimal"
-        android:maxLength="4"
-        android:maxLines="1" />
+        android:layout_marginTop="10dp"
+        android:hint="Width"
+        app:errorEnabled="true">
+
+        <com.google.android.material.textfield.TextInputEditText
+            android:layout_width="match_parent"
+            android:layout_height="wrap_content"
+            android:digits="0123456789"
+            android:inputType="numberDecimal"
+            android:maxLines="1" />
+
+    </com.google.android.material.textfield.TextInputLayout>
 </LinearLayout>