Make SSO login link look a bit nicer.

Author: grokys

src/GitHub.VisualStudio/UI/Views/Controls/LoginControl.xaml

@@ -21,6 +21,7 @@
           <ResourceDictionary.MergedDictionaries>
             <cache:SharedDictionaryManager Source="pack://application:,,,/GitHub.UI;component/SharedDictionary.xaml" />
             <cache:SharedDictionaryManager Source="pack://application:,,,/GitHub.UI.Reactive;component/SharedDictionary.xaml" />
+            <cache:SharedDictionaryManager Source="pack://application:,,,/GitHub.VisualStudio.UI;component/SharedDictionary.xaml" />
           </ResourceDictionary.MergedDictionaries>
         </ResourceDictionary>
     </Control.Resources>
@@ -100,6 +101,22 @@
 
                             <ui:SecurePasswordBox x:Name="dotComPassword" PromptText="{x:Static prop:Resources.PasswordPrompt}" AutomationProperties.AutomationId="{x:Static automation:AutomationIDs.DotcomPasswordTextBox}"/>
 
+                            <Grid Margin="0 8">
+                              <Grid.ColumnDefinitions>
+                                <ColumnDefinition Width="*"/>
+                                <ColumnDefinition Width="Auto"/>
+                                <ColumnDefinition Width="*"/>
+                              </Grid.ColumnDefinitions>
+                              <Rectangle Grid.Column="0" Fill="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" Height="1"/>
+                              <TextBlock Grid.Column="1" Margin="8,0,8,4">or</TextBlock>
+                              <Rectangle Grid.Column="2" Fill="{DynamicResource {x:Static SystemColors.ControlDarkBrushKey}}" Height="1"/>
+                            </Grid>
+
+                            <StackPanel Orientation="Horizontal" HorizontalAlignment="Center">
+                              <ui:GitHubActionLink x:Name="dotComSsaLogInButton">Sign in with your browser</ui:GitHubActionLink>
+                              <ui:OcticonImage Icon="link_external" Margin="0 1 0 0"/>
+                            </StackPanel>
+
                             <uirx:UserErrorMessages x:Name="dotComErrorMessage" Margin="0,10">
                             </uirx:UserErrorMessages>
 
@@ -110,9 +127,7 @@
                             <uirx:ValidationMessage
                                 x:Name="dotComPasswordValidationMessage"
                                 ValidatesControl="{Binding ElementName=dotComPassword}" />
-
-                            <ui:GitHubActionLink x:Name="dotComSsaLogInButton">Login with your browser</ui:GitHubActionLink>
-                          
+                         
                         </StackPanel>
                     </StackPanel>
                 </DockPanel>

src/GitHub.VisualStudio/UI/WindowController.xaml

@@ -9,9 +9,9 @@
                    xmlns:pfui="clr-namespace:Microsoft.VisualStudio.PlatformUI;assembly=Microsoft.VisualStudio.Shell.14.0"
                    Title="GitHub"
                    Width="414"
-                   Height="440"
+                   Height="460"
                    MinWidth="414"
-                   MinHeight="440"
+                   MinHeight="460"
                    Background="White"
                    FontFamily="Segoe UI"
                    FontSize="12"