modify UI of pin close control

src/Main/Base/Project/Src/Services/Debugger/Tooltips/DebuggerTooltipControl.xaml

@@ -143,19 +143,6 @@
 			</Style>
 		</ResourceDictionary>
 	</UserControl.Resources>
-	<Grid
-		Background="Transparent"
-		Name="ParentGrid">
-		<Grid.ColumnDefinitions>
-			<ColumnDefinition />
-			<ColumnDefinition />
-		</Grid.ColumnDefinitions>
-		<Grid.RowDefinitions>
-			<RowDefinition
-				Height="Auto" />
-			<RowDefinition
-				Height="50" />
-		</Grid.RowDefinitions>
 	<StackPanel
 		Orientation="Vertical">
 		<RepeatButton
@@ -368,5 +355,4 @@
 			Content="v"
 			Click="BtnDown_Click"></RepeatButton>
 	</StackPanel>
-	</Grid>
 </UserControl>

src/Main/Base/Project/Src/Services/Debugger/Tooltips/PinControlsDictionary.xaml

@@ -36,8 +36,8 @@
       <ControlTemplate x:Key="CloseButtonTemplate" TargetType="Button">          
         <Border Width="16" Height="16" Name="TheBorder" CornerRadius="2,2,0,0" BorderThickness="1" BorderBrush="Black" Background="{StaticResource SilverPressedBrushKey}">              
           <Canvas>
-            <Line X1="3" X2="11" Y1="3" Y2="11" Stroke="Black" StrokeThickness="2"/>
-            <Line X1="3" X2="11" Y1="11" Y2="3" Stroke="Black" StrokeThickness="2"/>
+            <Line X1="3.5" X2="10.5" Y1="3.5" Y2="10.5" Stroke="Black" StrokeThickness="2"/>
+            <Line X1="3.5" X2="10.5" Y1="10.5" Y2="3.5" Stroke="Black" StrokeThickness="2"/>
           </Canvas>
         </Border>        
         <ControlTemplate.Triggers>
@@ -99,10 +99,10 @@
       <ControlTemplate x:Key="CommentButtonTemplate" TargetType="ToggleButton">          
         <Border Width="16" Height="16" Name="TheBorder" CornerRadius="0,0,2,2" BorderThickness="1" BorderBrush="Black" Background="{StaticResource SilverPressedBrushKey}">              
           <Canvas Name="TheCanvas">
-            <Line X1="2" Y1="3" X2="8" Y2="7" Stroke="Black" StrokeThickness="2"/>
-            <Line X1="7" Y1="6" X2="12" Y2="3" Stroke="Black" StrokeThickness="2"/>
-            <Line X1="2" Y1="8" X2="8" Y2="12" Stroke="Black" StrokeThickness="2"/>
-            <Line X1="8" Y1="11" X2="12" Y2="8" Stroke="Black" StrokeThickness="2"/>
+            <Line X1="3" Y1="3" X2="7" Y2="7.5" Stroke="Black" StrokeThickness="1"/>
+            <Line X1="7" Y1="7.4" X2="11" Y2="3" Stroke="Black" StrokeThickness="1"/>
+            <Line X1="3" Y1="7.5" X2="7" Y2="12" Stroke="Black" StrokeThickness="1"/>
+            <Line X1="7" Y1="12" X2="11" Y2="7.5" Stroke="Black" StrokeThickness="1"/>
           </Canvas>
         </Border>        
         <ControlTemplate.Triggers>

src/Main/Base/Project/Src/Services/Debugger/Tooltips/PinDebuggerControl.xaml

@@ -151,10 +151,19 @@
 		</StackPanel>
 
 		<local:PinCloseControl 
+			VerticalAlignment="Center"
 			Background="Transparent"
 			Grid.Column="1"
 			Margin="5,0,0,0"
-			x:Name="PinCloseControl"/>
+			x:Name="PinCloseControl">
+			<local:PinCloseControl.Effect>
+				<DropShadowEffect
+					ShadowDepth="5"
+					Direction="330"
+					Color="Black"
+					Opacity="0.5"/>
+			</local:PinCloseControl.Effect>
+		</local:PinCloseControl>
 
 	</Grid>
 </UserControl>