From 9053ecb4eeac1ac1748d13e61f202ef64262f8f2 Mon Sep 17 00:00:00 2001
From: Frank Skare <frank.skare.de@gmail.com>
Date: Fri, 1 Nov 2019 14:01:03 +0100
Subject: [PATCH] clear button style

---
 mpv.net/WPF/SearchTextBoxUserControl.xaml | 30 +++++++++++++++++++++--
 1 file changed, 28 insertions(+), 2 deletions(-)

diff --git a/mpv.net/WPF/SearchTextBoxUserControl.xaml b/mpv.net/WPF/SearchTextBoxUserControl.xaml
index 30c4f70..4995439 100644
--- a/mpv.net/WPF/SearchTextBoxUserControl.xaml
+++ b/mpv.net/WPF/SearchTextBoxUserControl.xaml
@@ -28,7 +28,6 @@
                  CaretBrush="{x:Static UI:Theme.Foreground}" />
         
         <Button Name="SearchClearButton"
-                Foreground="{x:Static UI:Theme.Foreground}"
                 Background="Transparent"
                 HorizontalAlignment="Right"
                 FontFamily="Marlett"
@@ -37,6 +36,33 @@
                 Height="17"
                 Margin="2,0,4,0"
                 Visibility="Hidden"
-                Click="SearchClearButton_Click">r</Button>
+                Click="SearchClearButton_Click" >r
+
+            <Button.Style>
+                <Style TargetType="Button">
+                    <Setter Property="Background" Value="{x:Static UI:Theme.Background}"/>
+                    <Setter Property="Foreground" Value="{x:Static UI:Theme.Foreground2}"/>
+                    <Setter Property="Template">
+                        <Setter.Value>
+                            <ControlTemplate TargetType="Button">
+                                <Border BorderThickness="1"
+                                        BorderBrush="{TemplateBinding Foreground}"
+                                        SnapsToDevicePixels="True">
+                                    
+                                    <ContentPresenter HorizontalAlignment="Center"
+                                                      VerticalAlignment="Center" />
+                                </Border>
+                            </ControlTemplate>
+                        </Setter.Value>
+                    </Setter>
+                    
+                    <Style.Triggers>
+                        <Trigger Property="IsMouseOver" Value="True">
+                            <Setter Property="Foreground" Value="{x:Static UI:Theme.Heading}"/>
+                        </Trigger>
+                    </Style.Triggers>
+                </Style>
+            </Button.Style>
+        </Button>
     </Grid>
 </UserControl>
\ No newline at end of file