Dyn 4843 watch node smaller

src/DynamoCoreWpf/Views/Preview/WatchTree.xaml

@@ -311,7 +311,10 @@
                                         <Setter Property="Margin" Value="-10,5,5,5" />
                                     </DataTrigger>
                                     <DataTrigger Binding="{Binding IsOneRowContent}" Value="False">
-                                        <Setter Property="Margin" Value="5,5,5,5" />
+                                        <Setter Property="Margin" Value="5,0,5,5" />
+                                    </DataTrigger>
+                                    <DataTrigger Binding="{Binding IsCollection}" Value="false">
+                                        <Setter Property="Margin" Value="-5,0,0,0" />
                                     </DataTrigger>
                                 </Style.Triggers>
                             </Style>
@@ -377,7 +380,7 @@
                 CornerRadius="0,0,2,2"
                 BorderThickness="0">
 
-            <DockPanel Name="ListLevelsDisplay" Height="27px">
+            <DockPanel Name="ListLevelsDisplay" Height="27px" Visibility="{Binding IsCollection, Converter={StaticResource BooleanToVisibilityCollapsedConverter}}">
 
                 <!--  A draggable control to resize the Watch window  -->
                 <Thumb Name="resizeThumb"
@@ -446,7 +449,7 @@
                                 <TextBlock Name="indivListLevel"
                                            FontFamily="{StaticResource SourceCodePro}"
                                            FontSize="10">
-                                    L<Run Foreground="#D3D3D3" Text="{Binding Path=.}" />
+                                    <Run Foreground="#D3D3D3" Text="{Binding Path=.}" />
                                 </TextBlock>
                             </StackPanel>
                         </DataTemplate>

src/DynamoCoreWpf/Views/Preview/WatchTree.xaml.cs

@@ -14,27 +14,66 @@ public partial class WatchTree : UserControl
     {
         private WatchViewModel _vm;
         private WatchViewModel prevWatchViewModel;
-        private readonly int defaultSize = 200;
-        private readonly int minSize = 100;
+        private readonly int defaultWidthSize = 200;
+        private readonly int defaultHeightSize = 200;
+        private readonly int minWidthSize = 100;
+        private readonly int minHeightSize = 38;
 
         public WatchTree()
         {
             InitializeComponent();
             this.Loaded += WatchTree_Loaded;
+            this.Unloaded += WatchTree_Unloaded;
+        }
+
+        private void WatchTree_Unloaded(object sender, RoutedEventArgs e)
+        {
+            _vm.PropertyChanged -= _vm_PropertyChanged;
         }
 
         void WatchTree_Loaded(object sender, RoutedEventArgs e)
         {
             _vm = this.DataContext as WatchViewModel;
+            _vm.PropertyChanged += _vm_PropertyChanged;            
+        }
+
+        private void _vm_PropertyChanged(object sender, System.ComponentModel.PropertyChangedEventArgs e)
+        {
+            if (e.PropertyName == "IsCollection")
+            {
+                if (_vm.IsCollection)
+                {
+                    this.Height = defaultHeightSize;
+                }
+                else
+                {
+                    this.Height = minHeightSize;
+                }
+            }
+            else if (e.PropertyName == "Children")
+            {
+                if (_vm.Children != null)
+                {
+                    if (!_vm.Children[0].IsCollection)
+                    {                        
+                        double requiredWidth = (_vm.Children[0].NodeLabel.Length * 7.5) + 20;
+                        this.Width = requiredWidth;
+                    }
+                    else
+                    {
+                        this.Width = defaultWidthSize;
+                    }
+                }                
+            }
         }
 
         internal void SetWatchNodeProperties() 
         {
             resizeThumb.Visibility = Visibility.Visible;
-            this.Width = defaultSize;
-            this.Height = defaultSize;
-            inputGrid.MinHeight = minSize;
-            inputGrid.MinWidth = minSize;
+            this.Width = defaultWidthSize;
+            this.Height = minHeightSize;
+            inputGrid.MinHeight = minHeightSize;
+            inputGrid.MinWidth = minWidthSize;
         }
 
         private void Button_Click(object sender, RoutedEventArgs e)