Improve Layout

src/NET MAUI/ChatApp/Views/DetailView.xaml

@@ -74,7 +74,6 @@
             </Style>
 
             <Style x:Key="ChatCollectionStyle" TargetType="CollectionView">
-                <Setter Property="HeightRequest" Value="400" />
                 <Setter Property="Margin" Value="18, 32, 18, 0" />
             </Style>
 
@@ -94,6 +93,10 @@
                 <Setter Property="VerticalOptions" Value="Center" />
                 <Setter Property="Margin" Value="6, 0" />
             </Style>
+            <Style x:Key="SearchButtonContainerStyle" TargetType="Grid">
+                <Setter Property="HorizontalOptions" Value="End" />
+                <Setter Property="WidthRequest" Value="40" />
+            </Style>
                 
             <Style x:Key="SearchButtonEllipseStyle" TargetType="BoxView">
                 <Setter Property="Color" Value="{StaticResource PrimaryColor}" />
@@ -116,10 +119,9 @@
         <viewmodel:DetailViewModel />
     </ContentPage.BindingContext>
     <ContentPage.Content>
-        <ScrollView
-            BackgroundColor="{StaticResource PrimaryColor}">
         <Grid      
-                RowDefinitions="Auto, *">
+            BackgroundColor="{StaticResource PrimaryColor}"
+            RowDefinitions="220, *">
             <Grid 
                 Grid.Row="0"
                 RowDefinitions="Auto, 150">
@@ -210,12 +212,13 @@
                         Grid.Row="1"
                         Style="{StaticResource ChatEntryContainerStyle}">
                         <Grid
-                                ColumnDefinitions="*, 32">
+                            ColumnDefinitions="*, Auto">
                             <controls:BorderlessEntry
                                 Placeholder="Type your message..."
                                 Style="{StaticResource ChatEntryStyle}"/>
                             <Grid 
-                                    Grid.Column="1">
+                                Grid.Column="1"
+                                Style="{StaticResource SearchButtonContainerStyle}">
                                 <Ellipse
                                     Fill="{StaticResource PrimaryBrush}"
                                     Style="{StaticResource SearchButtonEllipseStyle}"/>
@@ -241,6 +244,5 @@
                 </Grid>
             </Grid>
         </Grid>
-        </ScrollView>
     </ContentPage.Content>
 </ContentPage>

src/NET MAUI/ChatApp/Views/HomeView.xaml

@@ -44,10 +44,9 @@
         <viewmodel:HomeViewModel />
     </ContentPage.BindingContext>
     <ContentPage.Content>
-        <ScrollView
-            BackgroundColor="{StaticResource PrimaryColor}">
         <Grid  
-                RowDefinitions="Auto, *">
+            BackgroundColor="{StaticResource PrimaryColor}"
+            RowDefinitions="220, *">
             <Grid
                 RowDefinitions="Auto, *">
                 <Label 
@@ -95,6 +94,5 @@
                 </CollectionView>
             </Grid>
         </Grid>
-        </ScrollView>
     </ContentPage.Content>
 </ContentPage>