Layout changes to make UI better

lib/ui/viewer/location/add_location_sheet.dart

@@ -151,7 +151,7 @@ class _AddLocationSheetState extends State<AddLocationSheet> {
                         RadiusPickerWidget(
                           _selectedRadiusIndexNotifier,
                         ),
-                        const SizedBox(height: 20),
+                        const SizedBox(height: 16),
                         Text(
                           S.of(context).locationTagFeatureDescription,
                           style: textTheme.smallMuted,

lib/ui/viewer/location/edit_center_point_tile_widget.dart

@@ -17,8 +17,8 @@ class EditCenterPointTileWidget extends StatelessWidget {
     return Row(
       children: [
         Container(
-          width: 48,
-          height: 48,
+          width: 52,
+          height: 52,
           color: colorScheme.fillFaint,
           child: Icon(
             Icons.location_on_outlined,

lib/ui/viewer/location/edit_location_sheet.dart

@@ -164,7 +164,7 @@ class _EditLocationSheetState extends State<EditLocationSheet> {
                         RadiusPickerWidget(
                           _selectedRadiusIndexNotifier,
                         ),
-                        const SizedBox(height: 20),
+                        const SizedBox(height: 16),
                       ],
                     ),
                   ),

lib/ui/viewer/location/radius_picker_widget.dart

@@ -73,8 +73,8 @@ class _RadiusPickerWidgetState extends State<RadiusPickerWidget> {
             );
           },
           child: Container(
-            height: 48,
-            width: 48,
+            height: 52,
+            width: 52,
             decoration: BoxDecoration(
               color: colorScheme.fillFaint,
               borderRadius: const BorderRadius.all(Radius.circular(2)),
@@ -92,12 +92,14 @@ class _RadiusPickerWidgetState extends State<RadiusPickerWidget> {
               children: [
                 Expanded(
                   flex: 6,
-                  child: Text(
-                    roundedRadius,
-                    style: double.parse(roundedRadius) < 1000
-                        ? textTheme.largeBold
-                        : textTheme.bodyBold,
-                    textAlign: TextAlign.center,
+                  child: Center(
+                    child: Text(
+                      roundedRadius,
+                      style: double.parse(roundedRadius) < 1000
+                          ? textTheme.largeBold
+                          : textTheme.bodyBold,
+                      textAlign: TextAlign.center,
+                    ),
                   ),
                 ),
                 Expanded(
@@ -119,6 +121,7 @@ class _RadiusPickerWidgetState extends State<RadiusPickerWidget> {
               crossAxisAlignment: CrossAxisAlignment.start,
               mainAxisSize: MainAxisSize.min,
               children: [
+                const SizedBox(height: 4),
                 Text(S.of(context).radius, style: textTheme.body),
                 const SizedBox(height: 16),
                 SizedBox(