Improve the ColorPickupFlyout UI microsoft#2994

gbaychev · Jan 14, 2020 · 701b7b3 · 701b7b3
1 parent 851b4d4
commit 701b7b3
Showing 1 changed file with 2 additions and 9 deletions.
diff --git a/src/cascadia/TerminalApp/ColorPickupFlyout.xaml b/src/cascadia/TerminalApp/ColorPickupFlyout.xaml
@@ -13,7 +13,7 @@
     </Flyout.FlyoutPresenterStyle>
     <StackPanel Orientation="Horizontal">
         <StackPanel>
-            <VariableSizedWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="4" HorizontalAlignment="Center">
+            <VariableSizedWrapGrid Orientation="Horizontal" MaximumRowsOrColumns="4" HorizontalAlignment="Center" Margin="0, 3, 0, 0">
                 <VariableSizedWrapGrid.Resources>
                     <Style TargetType="Rectangle">
                         <Setter Property="Width" Value="30"/>
@@ -133,13 +133,6 @@
                 <RowDefinition Height="Auto" />
                 <RowDefinition Height="Auto" />
             </Grid.RowDefinitions>
-            <Grid.Resources>
-                <Style TargetType="Button">
-                    <Setter Property="Margin" Value="0, 5, 0, 0"/>
-                    <Setter Property="MinWidth" Value="20"/>
-                    <Setter Property="MinHeight" Value="12"/>
-                </Style>
-            </Grid.Resources>
             <ColorPicker x:Name="customColorPicker" 
                      IsMoreButtonVisible="True"
                      IsColorSliderVisible="False"
@@ -152,7 +145,7 @@
                      Grid.Row="0"
                      >
             </ColorPicker>
-            <Button x:Name="btnOk" Click="CustomColorButton_Click" Grid.Row="1" >Ok</Button>
+            <Button x:Name="btnOk" Click="CustomColorButton_Click" Grid.Row="1" HorizontalAlignment="Center" MinWidth="130" MinHeight="12" Margin="0, 5, 0, 0">Ok</Button>
         </Grid>
     </StackPanel>
 </Flyout>