fix: Reduce icon button spacing in dialog text fields

Author: MarcaDian

app/src/main/java/app/morphe/manager/ui/screen/shared/MorpheDialogTextField.kt

@@ -7,10 +7,7 @@ package app.morphe.manager.ui.screen.shared
 
 import androidx.compose.foundation.clickable
 import androidx.compose.foundation.interaction.MutableInteractionSource
-import androidx.compose.foundation.layout.Arrangement
-import androidx.compose.foundation.layout.Box
-import androidx.compose.foundation.layout.Row
-import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.*
 import androidx.compose.foundation.shape.RoundedCornerShape
 import androidx.compose.foundation.text.KeyboardActions
 import androidx.compose.foundation.text.KeyboardOptions
@@ -65,10 +62,16 @@ fun MorpheDialogTextField(
         leadingIcon = leadingIcon,
         trailingIcon = {
             if (isPassword || showClearButton || onFolderPickerClick != null || onFilePickerClick != null) {
-                Row(horizontalArrangement = Arrangement.spacedBy(4.dp)) {
+                Row(
+                    horizontalArrangement = Arrangement.spacedBy(4.dp),
+                    modifier = Modifier.padding(end = 4.dp)
+                ) {
                     // Password visibility toggle
                     if (isPassword) {
-                        IconButton(onClick = { passwordVisible = !passwordVisible }) {
+                        IconButton(
+                            onClick = { passwordVisible = !passwordVisible },
+                            modifier = Modifier.size(40.dp)
+                        ) {
                             Icon(
                                 imageVector = if (passwordVisible) {
                                     Icons.Outlined.VisibilityOff
@@ -87,7 +90,10 @@ fun MorpheDialogTextField(
 
                     // Clear button
                     if (showClearButton && value.isNotBlank()) {
-                        IconButton(onClick = { onValueChange("") }) {
+                        IconButton(
+                            onClick = { onValueChange("") },
+                            modifier = Modifier.size(40.dp)
+                        ) {
                             Icon(
                                 imageVector = Icons.Outlined.Clear,
                                 contentDescription = stringResource(R.string.clear),
@@ -98,7 +104,10 @@ fun MorpheDialogTextField(
 
                     // Folder picker button
                     if (onFolderPickerClick != null) {
-                        IconButton(onClick = onFolderPickerClick) {
+                        IconButton(
+                            onClick = onFolderPickerClick,
+                            modifier = Modifier.size(40.dp)
+                        ) {
                             Icon(
                                 imageVector = Icons.Outlined.FolderOpen,
                                 contentDescription = stringResource(R.string.patch_option_pick_folder),
@@ -109,7 +118,10 @@ fun MorpheDialogTextField(
 
                     // File picker button
                     if (onFilePickerClick != null) {
-                        IconButton(onClick = onFilePickerClick) {
+                        IconButton(
+                            onClick = onFilePickerClick,
+                            modifier = Modifier.size(40.dp)
+                        ) {
                             Icon(
                                 imageVector = Icons.AutoMirrored.Outlined.InsertDriveFile,
                                 contentDescription = stringResource(R.string.patch_option_pick_file),
@@ -213,11 +225,15 @@ fun MorpheDialogDropdownTextField(
             trailingIcon = {
                 Row(
                     horizontalArrangement = Arrangement.spacedBy(4.dp),
-                    verticalAlignment = Alignment.CenterVertically
+                    verticalAlignment = Alignment.CenterVertically,
+                    modifier = Modifier.padding(end = 4.dp)
                 ) {
                     // Folder picker button
                     if (onFolderPickerClick != null) {
-                        IconButton(onClick = onFolderPickerClick) {
+                        IconButton(
+                            onClick = onFolderPickerClick,
+                            modifier = Modifier.size(40.dp)
+                        ) {
                             Icon(
                                 imageVector = Icons.Outlined.FolderOpen,
                                 contentDescription = stringResource(R.string.patch_option_pick_folder),
@@ -228,7 +244,10 @@ fun MorpheDialogDropdownTextField(
 
                     // Clear button
                     if (showClearButton && value.isNotBlank()) {
-                        IconButton(onClick = { onValueChange("") }) {
+                        IconButton(
+                            onClick = { onValueChange("") },
+                            modifier = Modifier.size(40.dp)
+                        ) {
                             Icon(
                                 imageVector = Icons.Outlined.Clear,
                                 contentDescription = stringResource(R.string.clear),
@@ -238,10 +257,13 @@ fun MorpheDialogDropdownTextField(
                     }
 
                     // Dropdown arrow
-                    IconButton(onClick = {
-                        dropdownExpanded = !dropdownExpanded
-                        if (!dropdownExpanded) readOnly = true
-                    }) {
+                    IconButton(
+                        onClick = {
+                            dropdownExpanded = !dropdownExpanded
+                            if (!dropdownExpanded) readOnly = true
+                        },
+                        modifier = Modifier.size(40.dp)
+                    ) {
                         Icon(
                             imageVector = if (dropdownExpanded)
                                 Icons.Outlined.ExpandLess