Added layer properties to core and hooked it up with the UI

Implemented timeline caret scrolling logic
Added special treeview style for the layer properties tree

src/Artemis.UI/Screens/Module/ProfileEditor/LayerProperties/PropertyTree/PropertyTreeChildView.xaml

@@ -1,17 +1,20 @@
 <UserControl x:Class="Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.PropertyTree.PropertyTreeChildView"
              xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
              xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
-             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
-             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
              xmlns:local="clr-namespace:Artemis.UI.Screens.Module.ProfileEditor.LayerProperties.PropertyTree"
              xmlns:materialDesign="http://materialdesigninxaml.net/winfx/xaml/themes"
-             mc:Ignorable="d" 
-             d:DesignHeight="20" d:DesignWidth="800">
-    <Grid>
+             mc:Ignorable="d"
+             d:DesignHeight="19"
+             d:DesignWidth="800"
+             d:DataContext="{d:DesignInstance local:PropertyTreeChildViewModel}">
+    <Grid Height="22">
         <Grid.ColumnDefinitions>
             <ColumnDefinition Width="Auto" />
             <ColumnDefinition Width="*" />
             <ColumnDefinition Width="Auto" />
+            <ColumnDefinition Width="Auto" />
         </Grid.ColumnDefinitions>
         <ToggleButton Grid.Column="0"
                       Style="{StaticResource MaterialDesignFlatToggleButton}"
@@ -28,18 +31,29 @@
                    Padding="0,0,5,0"
                    VerticalAlignment="Center"
                    TextTrimming="CharacterEllipsis"
-                   Text="{Binding PropertyName}"
+                   Text="{Binding LayerPropertyViewModel.LayerProperty.Name}"
+                   ToolTip="{Binding LayerPropertyViewModel.LayerProperty.Description}"
                    HorizontalAlignment="Left" />
 
-        <Button Grid.Column="2"
+        <StackPanel Grid.Column="2" Margin="20 0" VerticalAlignment="Center">
+            <!-- Height is very limited so squeeze things together -->
+            <TextBox Width="100"
+                     Margin="0 -1"
+                     Padding="0 -1"
+                     materialDesign:ValidationAssist.UsePopup="True"
+                     HorizontalAlignment="Left"
+                     ToolTip="Use a popup which can escape the bounds of the control where space is limited" />
+        </StackPanel>
+
+        <Button Grid.Column="3"
                 Style="{StaticResource MaterialDesignOutlinedButton}"
                 Margin="0,1,0,1.2"
                 Padding="0"
-                Width="110"
-                Height="17"
-                ToolTip="Change the property's data binding" 
+                Width="80"
+                Height="Auto"
+                ToolTip="Change the property's data binding"
                 VerticalAlignment="Center">
             <TextBlock FontSize="10">DATA BINDING</TextBlock>
         </Button>
     </Grid>
-</UserControl>
+</UserControl>