Feature: Removed background color from tags in the details layout (#11207)

Author: yaira2

src/Files.App/Views/LayoutModes/DetailsLayoutBrowser.xaml

@@ -676,25 +676,32 @@
 									HorizontalAlignment="Stretch"
 									VerticalAlignment="Center"
 									Visibility="{Binding ColumnsViewModel.TagColumn.Visibility, ElementName=PageRoot, Mode=OneWay}">
-									<Border
-										Height="20"
+									<StackPanel
+										Height="24"
 										Padding="8,0"
 										HorizontalAlignment="Left"
 										x:Phase="2"
-										Background="{x:Bind FileTagsUI[0].Color, Mode=OneWay, Converter={StaticResource StringToBrushConverter}}"
 										BorderBrush="{x:Bind FileTagsUI[0].Color, Mode=OneWay, Converter={StaticResource StringToBrushConverter}}"
 										BorderThickness="1"
-										CornerRadius="8"
+										CornerRadius="12"
+										Orientation="Horizontal"
+										Spacing="8"
 										ToolTipService.ToolTip="{x:Bind FileTagsUI[0].Name, Mode=OneWay}"
 										Visibility="{x:Bind FileTagsUI, Converter={StaticResource EmptyObjectToObjectConverter}, Mode=OneWay}">
+										<FontIcon
+											FontSize="12"
+											Foreground="{x:Bind FileTagsUI[0].Color, Mode=OneWay, Converter={StaticResource StringToBrushConverter}}"
+											Glyph="&#xE1CB;" />
 										<TextBlock
 											x:Name="ItemTag"
+											VerticalAlignment="Center"
 											FontSize="12"
+											LineHeight="18"
 											Style="{StaticResource ColumnContentTextBlock}"
 											Text="{x:Bind FileTagsUI[0].Name, Mode=OneWay}"
 											TextTrimming="CharacterEllipsis"
 											Visibility="{x:Bind FileTagsUI, Converter={StaticResource EmptyObjectToObjectConverter}, Mode=OneWay}" />
-									</Border>
+									</StackPanel>
 								</Grid>
 
 								<TextBlock