Minor UX improvements

src/settings-ui/QuickAccess.UI/QuickAccessXAML/Flyout/AppsListPage.xaml

@@ -17,7 +17,7 @@
             <RowDefinition Height="Auto" />
             <RowDefinition Height="*" />
         </Grid.RowDefinitions>
-        <Grid Padding="24,12,24,0">
+        <Grid Padding="24,32,24,0">
             <TextBlock
                 x:Uid="AllAppsTxt"
                 VerticalAlignment="Center"

src/settings-ui/QuickAccess.UI/QuickAccessXAML/Flyout/LaunchPage.xaml

@@ -52,7 +52,6 @@
                             VerticalAlignment="Center"
                             Orientation="Horizontal"
                             Spacing="12">
-
                             <TextBlock x:Uid="MoreLabel" Style="{StaticResource CaptionTextBlockStyle}" />
                             <FontIcon
                                 Margin="0,2,0,0"

src/settings-ui/QuickAccess.UI/QuickAccessXAML/MainWindow.xaml

@@ -8,9 +8,9 @@
     xmlns:winuiEx="using:WinUIEx"
     Title="PowerToys Quick Access (Preview)"
     Width="386"
-    Height="486"
+    Height="516"
     MinWidth="386"
-    MinHeight="486"
+    MinHeight="516"
     IsAlwaysOnTop="True"
     IsMaximizable="False"
     IsMinimizable="False"

src/settings-ui/Settings.UI.Controls/ModuleList/ModuleList.xaml

@@ -23,6 +23,27 @@
             FalseValue="Visible"
             TrueValue="Collapsed" />
         <tkconverters:BoolNegationConverter x:Key="BoolNegationConverter" />
+
+        <Style x:Key="NewInfoBadgeStyle" TargetType="InfoBadge">
+            <Setter Property="Padding" Value="5,1,5,2" />
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="InfoBadge">
+                        <Border
+                            x:Name="RootGrid"
+                            Padding="{TemplateBinding Padding}"
+                            Background="{TemplateBinding Background}"
+                            CornerRadius="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=TemplateSettings.InfoBadgeCornerRadius}">
+                            <TextBlock
+                                x:Uid="NewInfoBadge"
+                                HorizontalAlignment="Center"
+                                VerticalAlignment="Center"
+                                FontSize="10" />
+                        </Border>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
     </UserControl.Resources>
 
     <controls:Card
@@ -77,8 +98,8 @@
                         BorderThickness="0,1,0,0"
                         Click="OnSettingsCardClick"
                         CornerRadius="0"
-                        Tag="{x:Bind}"
-                        IsClickEnabled="{Binding (tk:FrameworkElementExtensions.Ancestor).IsItemClickable, RelativeSource={RelativeSource Self}}">
+                        IsClickEnabled="{Binding (tk:FrameworkElementExtensions.Ancestor).IsItemClickable, RelativeSource={RelativeSource Self}}"
+                        Tag="{x:Bind}">
                         <tkcontrols:SettingsCard.Header>
                             <StackPanel Orientation="Horizontal">
                                 <TextBlock Text="{x:Bind Label, Mode=OneWay}" />
@@ -86,7 +107,7 @@
                                 <InfoBadge
                                     x:Name="NewInfoBadge"
                                     Margin="4,0,0,0"
-                                    Style="{StaticResource AttentionDotInfoBadgeStyle}"
+                                    Style="{StaticResource NewInfoBadgeStyle}"
                                     Visibility="{x:Bind IsNew, Mode=OneWay, Converter={StaticResource BoolToVisibilityConverter}}" />
                                 <FontIcon
                                     Width="20"
@@ -95,7 +116,7 @@
                                     Glyph="&#xE72E;"
                                     Visibility="{x:Bind IsLocked, Converter={StaticResource ReverseBoolToVisibilityConverter}, ConverterParameter=True}">
                                     <ToolTipService.ToolTip>
-                                        <TextBlock Text="This setting is managed by your organization" TextWrapping="WrapWholeWords" />
+                                        <TextBlock x:Uid="GPOWarning" TextWrapping="WrapWholeWords" />
                                     </ToolTipService.ToolTip>
                                 </FontIcon>
                             </StackPanel>

src/settings-ui/Settings.UI.Controls/QuickAccess/QuickAccessList.xaml

@@ -17,10 +17,7 @@
     <ItemsControl ItemsSource="{x:Bind ItemsSource, Mode=OneWay}">
         <ItemsControl.ItemsPanel>
             <ItemsPanelTemplate>
-                <tkcontrols:WrapPanel
-                    Padding="12"
-                    HorizontalSpacing="16"
-                    VerticalSpacing="24" />
+                <tkcontrols:WrapPanel HorizontalAlignment="Stretch" VerticalSpacing="12" />
             </ItemsPanelTemplate>
         </ItemsControl.ItemsPanel>
         <ItemsControl.ItemTemplate>
@@ -38,7 +35,7 @@
                             TextWrapping="Wrap" />
                     </local:FlyoutMenuButton.Content>
                     <local:FlyoutMenuButton.Icon>
-                        <Image Width="24">
+                        <Image>
                             <Image.Source>
                                 <BitmapImage UriSource="{x:Bind Icon}" />
                             </Image.Source>

src/settings-ui/Settings.UI.Controls/Strings/en-us/Resources.resw

@@ -1,5 +1,64 @@
 <?xml version="1.0" encoding="utf-8"?>
 <root>
+  <!-- 
+    Microsoft ResX Schema 
+    
+    Version 2.0
+    
+    The primary goals of this format is to allow a simple XML format 
+    that is mostly human readable. The generation and parsing of the 
+    various data types are done through the TypeConverter classes 
+    associated with the data types.
+    
+    Example:
+    
+    ... ado.net/XML headers & schema ...
+    <resheader name="resmimetype">text/microsoft-resx</resheader>
+    <resheader name="version">2.0</resheader>
+    <resheader name="reader">System.Resources.ResXResourceReader, System.Windows.Forms, ...</resheader>
+    <resheader name="writer">System.Resources.ResXResourceWriter, System.Windows.Forms, ...</resheader>
+    <data name="Name1"><value>this is my long string</value><comment>this is a comment</comment></data>
+    <data name="Color1" type="System.Drawing.Color, System.Drawing">Blue</data>
+    <data name="Bitmap1" mimetype="application/x-microsoft.net.object.binary.base64">
+        <value>[base64 mime encoded serialized .NET Framework object]</value>
+    </data>
+    <data name="Icon1" type="System.Drawing.Icon, System.Drawing" mimetype="application/x-microsoft.net.object.bytearray.base64">
+        <value>[base64 mime encoded string representing a byte array form of the .NET Framework object]</value>
+        <comment>This is a comment</comment>
+    </data>
+                
+    There are any number of "resheader" rows that contain simple 
+    name/value pairs.
+    
+    Each data row contains a name, and value. The row also contains a 
+    type or mimetype. Type corresponds to a .NET class that support 
+    text/value conversion through the TypeConverter architecture. 
+    Classes that don't support this are serialized and stored with the 
+    mimetype set.
+    
+    The mimetype is used for serialized objects, and tells the 
+    ResXResourceReader how to depersist the object. This is currently not 
+    extensible. For a given mimetype the value must be set accordingly:
+    
+    Note - application/x-microsoft.net.object.binary.base64 is the format 
+    that the ResXResourceWriter will generate, however the reader can 
+    read any of the formats listed below.
+    
+    mimetype: application/x-microsoft.net.object.binary.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Binary.BinaryFormatter
+            : and then encoded with base64 encoding.
+    
+    mimetype: application/x-microsoft.net.object.soap.base64
+    value   : The object must be serialized with 
+            : System.Runtime.Serialization.Formatters.Soap.SoapFormatter
+            : and then encoded with base64 encoding.
+
+    mimetype: application/x-microsoft.net.object.bytearray.base64
+    value   : The object must be serialized into a byte array 
+            : using a System.ComponentModel.TypeConverter
+            : and then encoded with base64 encoding.
+    -->
   <xsd:schema id="root" xmlns="" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:msdata="urn:schemas-microsoft-com:xml-msdata">
     <xsd:import namespace="http://www.w3.org/XML/1998/namespace" />
     <xsd:element name="root" msdata:IsDataSet="true">
@@ -70,4 +129,10 @@
   <data name="Dashboard_SortBy.[using:Microsoft.UI.Xaml.Automation]AutomationProperties.Name" xml:space="preserve">
     <value>Sort utilities</value>
   </data>
+  <data name="NewInfoBadge.Text" xml:space="preserve">
+    <value>NEW</value>
+  </data>
+  <data name="GPOWarning.Text" xml:space="preserve">
+    <value>This setting is managed by your organization</value>
+  </data>
 </root>