Start styling the top comment

Author: donokuda

src/GitHub.VisualStudio.UI/Views/Documents/PullRequestPageView.xaml

@@ -82,36 +82,46 @@
 
         <Rectangle DockPanel.Dock="Top" Style="{StaticResource Separator}" Height="2" Margin="0 16 0 8"/>
 
-        <Border BorderBrush="{DynamicResource GitHubHeaderSeparatorBrush}" BorderThickness="1" Margin="0 4">
-            <StackPanel Orientation="Vertical">
-                <Border Padding="8" Background="{DynamicResource GitHubBranchNameBackgroundBrush}" BorderBrush="{DynamicResource GitHubHeaderSeparatorBrush}" BorderThickness="0 0 0 1">
-                    <StackPanel Orientation="Horizontal" DockPanel.Dock="Left" >
-                        <v:ActorAvatarView Width="16" 
-                                               Height="16" 
-                                               ViewModel="{Binding Author}"/>
+        <Grid>
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="45" />
+                <ColumnDefinition Width="*" />
+            </Grid.ColumnDefinitions>
 
-                        <TextBlock Foreground="{DynamicResource GitHubVsToolWindowText}" Margin="4 0">
-                            <Run FontWeight="Bold" Text="{Binding Author.Login}" />
-                            <Run Text="commented" />
-                        </TextBlock>
-                        <ui:GitHubActionLink Content="{Binding CreatedAt, Converter={ui:DurationToStringConverter}}"
-                                         Command="{Binding OpenOnGitHub}"
-                                         Foreground="{DynamicResource GitHubVsToolWindowText}"
-                                         Opacity="0.75" />
-                        <Border Background="{DynamicResource VsBrush.InfoBackground}"
-                                BorderBrush="{DynamicResource VsBrush.AccentPale}"
-                                BorderThickness="1"
-                                CornerRadius="3"
-                                Padding="2 1"
-                                Visibility="{Binding IsPending, Converter={ui:BooleanToVisibilityConverter}, FallbackValue=Collapsed}">
-                          <TextBlock FontSize="10" Text="{x:Static ghfvs:Resources.Pending}" />
-                        </Border>
-                    </StackPanel>
-                </Border>
+            <v:ActorAvatarView Width="40" 
+                               Height="40"
+                               VerticalAlignment="Top"
+                               Margin="0 0 5 0"
+                               ViewModel="{Binding Author}" />
 
-                <markdig:MarkdownViewer Name="bodyMarkdown" Margin="8" Foreground="{DynamicResource VsBrush.WindowText}" Markdown="{Binding Body}"/>
-            </StackPanel>
-        </Border>
+            <Border BorderBrush="{DynamicResource GitHubHeaderSeparatorBrush}" BorderThickness="1" Margin="0 4"
+                    Grid.Column="1">
+                <StackPanel Orientation="Vertical">
+                    <Border Padding="8" Background="{DynamicResource GitHubBranchNameBackgroundBrush}" BorderBrush="{DynamicResource GitHubHeaderSeparatorBrush}" BorderThickness="0 0 0 1">
+                        <StackPanel Orientation="Horizontal" DockPanel.Dock="Left" >
+                            <TextBlock Foreground="{DynamicResource GitHubVsToolWindowText}" Margin="4">
+                                <Run FontWeight="Bold" Text="{Binding Author.Login}" />
+                                <Run Text="commented" />
+                            </TextBlock>
+                            <ui:GitHubActionLink Content="{Binding CreatedAt, Converter={ui:DurationToStringConverter}}"
+                                             Command="{Binding OpenOnGitHub}"
+                                             Foreground="{DynamicResource GitHubVsToolWindowText}"
+                                             Opacity="0.75" />
+                            <Border Background="{DynamicResource VsBrush.InfoBackground}"
+                                    BorderBrush="{DynamicResource VsBrush.AccentPale}"
+                                    BorderThickness="1"
+                                    CornerRadius="3"
+                                    Padding="2 1"
+                                    Visibility="{Binding IsPending, Converter={ui:BooleanToVisibilityConverter}, FallbackValue=Collapsed}">
+                              <TextBlock FontSize="10" Text="{x:Static ghfvs:Resources.Pending}" />
+                            </Border>
+                        </StackPanel>
+                    </Border>
+
+                    <markdig:MarkdownViewer Name="bodyMarkdown" Margin="8" Foreground="{DynamicResource VsBrush.WindowText}" Markdown="{Binding Body}"/>
+                </StackPanel>
+            </Border>
+        </Grid>
 
         <ItemsControl Name="timeline" ItemsSource="{Binding Timeline}">
             <ItemsControl.Resources>