From 257abc34c3cd37782d237d7563503de4704b9082 Mon Sep 17 00:00:00 2001
From: Natalia Portillo <claunia@claunia.com>
Date: Mon, 15 Dec 2025 09:49:10 +0000
Subject: [PATCH] Enhance ListBox styling in ImageInfo.xaml for improved visual
 consistency and user experience

---
 Aaru.Gui/Views/Panels/ImageInfo.xaml | 42 +++++++++++++++++++++++++---
 1 file changed, 38 insertions(+), 4 deletions(-)

diff --git a/Aaru.Gui/Views/Panels/ImageInfo.xaml b/Aaru.Gui/Views/Panels/ImageInfo.xaml
index 351a8aaa5..1c25874eb 100644
--- a/Aaru.Gui/Views/Panels/ImageInfo.xaml
+++ b/Aaru.Gui/Views/Panels/ImageInfo.xaml
@@ -144,11 +144,28 @@
                                  IsVisible="{Binding !!MediaTagsList.Count, Mode=OneWay}"
                                  MaxHeight="300"
                                  BorderThickness="1"
-                                 BorderBrush="Gray">
+                                 BorderBrush="LightGray"
+                                 CornerRadius="4"
+                                 Padding="4">
+                            <ListBox.Styles>
+                                <Style Selector="ListBoxItem">
+                                    <Setter Property="Padding" Value="8,6" />
+                                    <Setter Property="Margin" Value="2" />
+                                    <Setter Property="CornerRadius" Value="3" />
+                                </Style>
+                                <Style Selector="ListBoxItem:pointerover /template/ ContentPresenter">
+                                    <Setter Property="Background" Value="{DynamicResource SystemAccentColorLight2}" />
+                                    <Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
+                                </Style>
+                                <Style Selector="ListBoxItem:selected /template/ ContentPresenter">
+                                    <Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
+                                    <Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
+                                </Style>
+                            </ListBox.Styles>
                             <ListBox.ItemTemplate>
                                 <DataTemplate>
                                     <TextBlock Text="{Binding ., Mode=OneWay}"
-                                               Padding="5" />
+                                               VerticalAlignment="Center" />
                                 </DataTemplate>
                             </ListBox.ItemTemplate>
                         </ListBox>
@@ -159,11 +176,28 @@
                                  IsVisible="{Binding !!SectorTagsList.Count, Mode=OneWay}"
                                  MaxHeight="300"
                                  BorderThickness="1"
-                                 BorderBrush="Gray">
+                                 BorderBrush="LightGray"
+                                 CornerRadius="4"
+                                 Padding="4">
+                            <ListBox.Styles>
+                                <Style Selector="ListBoxItem">
+                                    <Setter Property="Padding" Value="8,6" />
+                                    <Setter Property="Margin" Value="2" />
+                                    <Setter Property="CornerRadius" Value="3" />
+                                </Style>
+                                <Style Selector="ListBoxItem:pointerover /template/ ContentPresenter">
+                                    <Setter Property="Background" Value="{DynamicResource SystemAccentColorLight2}" />
+                                    <Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
+                                </Style>
+                                <Style Selector="ListBoxItem:selected /template/ ContentPresenter">
+                                    <Setter Property="Background" Value="{DynamicResource SystemAccentColor}" />
+                                    <Setter Property="Foreground" Value="{DynamicResource SystemAccentColorDark3}" />
+                                </Style>
+                            </ListBox.Styles>
                             <ListBox.ItemTemplate>
                                 <DataTemplate>
                                     <TextBlock Text="{Binding ., Mode=OneWay}"
-                                               Padding="5" />
+                                               VerticalAlignment="Center" />
                                 </DataTemplate>
                             </ListBox.ItemTemplate>
                         </ListBox>