From 244e2fd1977c8fec5749d2f3dfd49d208365f411 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tommy=20=C3=96man?= <tommy@oeman.se>
Date: Sun, 17 Aug 2025 10:04:20 +0200
Subject: [PATCH] Styling measures

---
 AdventureWorks.MAUI/App.xaml                  |  1 +
 AdventureWorks.MAUI/MainPage.xaml             | 23 +++++++--------
 .../Resources/Styles/AppStyles.xaml           | 29 +++++++++++++++++++
 3 files changed, 41 insertions(+), 12 deletions(-)
 create mode 100644 AdventureWorks.MAUI/Resources/Styles/AppStyles.xaml

diff --git a/AdventureWorks.MAUI/App.xaml b/AdventureWorks.MAUI/App.xaml
index d7cd6b8..26e5dbc 100644
--- a/AdventureWorks.MAUI/App.xaml
+++ b/AdventureWorks.MAUI/App.xaml
@@ -8,6 +8,7 @@
             <ResourceDictionary.MergedDictionaries>
                 <ResourceDictionary Source="Resources/Styles/Colors.xaml" />
                 <ResourceDictionary Source="Resources/Styles/Styles.xaml" />
+                <ResourceDictionary Source="Resources/Styles/AppStyles.xaml" />
             </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Application.Resources>
diff --git a/AdventureWorks.MAUI/MainPage.xaml b/AdventureWorks.MAUI/MainPage.xaml
index eb872d3..4d4e6db 100644
--- a/AdventureWorks.MAUI/MainPage.xaml
+++ b/AdventureWorks.MAUI/MainPage.xaml
@@ -2,18 +2,18 @@
 <ContentPage xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
              xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
              x:Class="AdventureWorks.MAUI.MainPage"
-             Title="Home">
+             Title="{StaticResource ApplicationTitle}">
+
 
     <Grid RowDefinitions="Auto,Auto,Auto, Auto, Auto,Auto, Auto, Auto , Auto"
           ColumnDefinitions="Auto, *"
-          ColumnSpacing="10"
-          RowSpacing="10"
-          Margin="10"
-          Padding="10">
+          Style="{StaticResource Grid.Page}">
+
         <Label Grid.Row="0"
            Grid.ColumnSpan="2"
            Text="User Information"
            FontSize="Title" />
+        
         <Label Grid.Row="1"
             Grid.ColumnSpan="2"
             Text="Use this Screen to Modify User Information."
@@ -24,6 +24,8 @@
                  Margin="0,0,0,20"
                  HeightRequest="1"
                  Color="Black" />
+        
+        
         <Label Grid.Row="3"
                Text="Login ID" />
         <VerticalStackLayout Grid.Row="3"
@@ -33,9 +35,6 @@
             <Label FontSize="Micro"
                    Text="Please use a combination of letters and numbers." />
         </VerticalStackLayout>
-        <Entry Grid.Row="3"
-               Grid.Column="1"
-               Text=""/>
         <Label Grid.Row="4"
                Text="First Name" />
         <Entry Grid.Row="4"
@@ -55,19 +54,19 @@
                     Grid.Column="1"
                     Wrap="Wrap"
                     Direction="Row">
-            <HorizontalStackLayout Spacing="5">
+            <HorizontalStackLayout>
                 <Label Text="401k?"/>
                 <CheckBox IsChecked="True"/>
             </HorizontalStackLayout>
-            <HorizontalStackLayout Spacing="5">
+            <HorizontalStackLayout >
                 <Label Text="Flex Time?"/>
                 <CheckBox IsChecked="False"/>
             </HorizontalStackLayout>
-            <HorizontalStackLayout Spacing="5">
+            <HorizontalStackLayout >
                 <Label Text="Health Care?"/>
                 <CheckBox IsChecked="True"/>
             </HorizontalStackLayout>
-            <HorizontalStackLayout Spacing="5">
+            <HorizontalStackLayout >
                 <Label Text="Health Savings Account?"/>
                 <CheckBox IsChecked="True"/>
             </HorizontalStackLayout>
diff --git a/AdventureWorks.MAUI/Resources/Styles/AppStyles.xaml b/AdventureWorks.MAUI/Resources/Styles/AppStyles.xaml
new file mode 100644
index 0000000..2b4e814
--- /dev/null
+++ b/AdventureWorks.MAUI/Resources/Styles/AppStyles.xaml
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<?xaml-comp compile="true" ?>
+<ResourceDictionary
+    xmlns="http://schemas.microsoft.com/dotnet/2021/maui"
+    xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml">
+    <x:String x:Key="ApplicationTitle">
+        Adventure Works
+    </x:String>
+    <x:Int32 x:Key="DefaultSpacingForGrid">10</x:Int32>
+    
+    <Style TargetType="Grid" 
+                   x:Key="Grid.Page">
+        <Setter Property="ColumnSpacing" Value="{StaticResource DefaultSpacingForGrid}" />
+        <Setter Property="RowSpacing" Value="{StaticResource DefaultSpacingForGrid}" />
+        <Setter Property="Margin" Value="{StaticResource DefaultSpacingForGrid}" />
+        <Setter Property="Padding" Value="{StaticResource DefaultSpacingForGrid}" />
+    </Style>
+    <Style TargetType="Label">
+        <Setter Property="VerticalTextAlignment" Value="Center" />
+    </Style>
+    <Style TargetType="HorizontalStackLayout">
+        <Setter Property="Spacing" Value="5" />
+    </Style>
+    <Style TargetType="Button">
+        <Setter Property="WidthRequest" Value="100"/>
+        <Setter Property="BackgroundColor" Value="Blue"/>
+        <Setter Property="TextColor" Value="White"/>
+    </Style>
+</ResourceDictionary>