Remove unnecessary boxes for alignment (#48)

Author: calren

ai-catalog/samples/genai-image-description/src/main/java/com/android/ai/samples/genai_image_description/GenAIImageDescriptionScreen.kt

@@ -101,40 +101,27 @@ fun GenAIImageDescriptionScreen(viewModel: GenAIImageDescriptionViewModel = hilt
             }
 
             // Select image button
-            Box(modifier = Modifier.fillMaxWidth(), contentAlignment = Alignment.Center) {
-                Button(
-                    onClick = {
-                        photoPickerLauncher.launch(PickVisualMediaRequest(PickVisualMedia.ImageOnly))
-                    },
-                    modifier = Modifier.padding(10.dp)
-                ) {
-                    Text(
-                        text = stringResource(id = R.string.genai_image_description_add_image),
-                        fontSize = 16.sp
-                    )
-                }
+            Button(
+                onClick = {
+                    photoPickerLauncher.launch(PickVisualMediaRequest(PickVisualMedia.ImageOnly))
+                },
+                modifier = Modifier.padding(10.dp).align(Alignment.CenterHorizontally)
+            ) {
+                Text(
+                    text = stringResource(id = R.string.genai_image_description_add_image),
+                )
             }
 
-            Spacer(modifier = Modifier.weight(1f))
-
             // Generate image description button
-            Box(
-                modifier = Modifier
-                    .fillMaxWidth()
-                    .padding(20.dp),
-                contentAlignment = Alignment.Center
+            Button(
+                onClick = {
+                    showBottomSheet = true
+                    viewModel.getImageDescription(imageUri, context)
+                }, modifier = Modifier.padding(10.dp).align(Alignment.CenterHorizontally)
             ) {
-                Button(
-                    onClick = {
-                        showBottomSheet = true
-                        viewModel.getImageDescription(imageUri, context)
-                    }, modifier = Modifier.padding(10.dp)
-                ) {
-                    Text(
-                        text = stringResource(id = R.string.genai_image_description_run_inference),
-                        fontSize = 20.sp
-                    )
-                }
+                Text(
+                    text = stringResource(id = R.string.genai_image_description_run_inference),
+                )
             }
         }
 

ai-catalog/samples/genai-summarization/src/main/java/com/android/ai/samples/genai_summarization/GenAISummarizationScreen.kt

@@ -92,42 +92,36 @@ fun GenAISummarizationScreen(viewModel: GenAISummarizationViewModel = hiltViewMo
             )
 
             // Summarize button
-            Box(
-                modifier = Modifier.fillMaxWidth(), contentAlignment = Alignment.Center
+            Button(
+                onClick = {
+                    showBottomSheet = true
+                    viewModel.summarize(textInput, context)
+                }, modifier = Modifier
+                    .padding(10.dp)
+                    .align(Alignment.CenterHorizontally)
             ) {
-                Button(
-                    onClick = {
-                        showBottomSheet = true
-                        viewModel.summarize(textInput, context)
-                    }, modifier = Modifier.padding(10.dp)
+                Text(
+                    text = stringResource(id = R.string.genai_summarization_summarize_btn)
+                )
+            }
+
+            // Extra options buttons
+            Row(modifier = Modifier.align(Alignment.CenterHorizontally)) {
+                OutlinedButton(
+                    onClick = { textInput = sampleTextOptions.random() },
+                    Modifier.padding(5.dp)
                 ) {
                     Text(
-                        text = stringResource(id = R.string.genai_summarization_summarize_btn)
+                        stringResource(id = R.string.genai_summarization_add_text_btn)
                     )
                 }
-            }
-
-            // Extra options buttons
-            Box(
-                modifier = Modifier.fillMaxWidth(), contentAlignment = Alignment.Center
-            ) {
-                Row {
-                    OutlinedButton(
-                        onClick = { textInput = sampleTextOptions.random() },
-                        Modifier.padding(5.dp)
-                    ) {
-                        Text(
-                            stringResource(id = R.string.genai_summarization_add_text_btn)
-                        )
-                    }
-                    OutlinedButton(
-                        onClick = { textInput = "" },
-                        Modifier.padding(5.dp)
-                    ) {
-                        Text(
-                            stringResource(id = R.string.genai_summarization_reset_btn)
-                        )
-                    }
+                OutlinedButton(
+                    onClick = { textInput = "" },
+                    Modifier.padding(5.dp)
+                ) {
+                    Text(
+                        stringResource(id = R.string.genai_summarization_reset_btn)
+                    )
                 }
             }
         }