Merge pull request #1399 from github/fixes/1303-wrap-clone-error

Wrap text on error message in clone dialog

Author: Meaghan Lewis

src/GitHub.UI.Reactive/Assets/Controls/ErrorMessageDisplay.xaml

@@ -17,7 +17,7 @@
                         </Grid.ColumnDefinitions>
                         <Viewbox
                             Grid.Column="0"
-                            VerticalAlignment="Center" 
+                            VerticalAlignment="Top" 
                             HorizontalAlignment="Right"
                             Margin="{TemplateBinding IconMargin}"
                             Width="16"

src/GitHub.VisualStudio/Views/Dialog/RepositoryCloneView.xaml

@@ -168,10 +168,11 @@
                 DockPanel.Dock="Top">
       <uirx:ErrorMessageDisplay x:Name="loadingFailedMessage"
                                 Margin="8,0"
-                                Content="{x:Static prop:Resources.loadingFailedMessageContent}"
                                 Icon="stop"
                                 Message="{x:Static prop:Resources.loadingFailedMessageMessage}"
-                                Visibility="{Binding LoadingFailed, Mode=OneWay, Converter={ui:BooleanToVisibilityConverter}}" />
+                                Visibility="{Binding LoadingFailed, Mode=OneWay, Converter={ui:BooleanToVisibilityConverter}}">
+        <TextBlock Text="{x:Static prop:Resources.loadingFailedMessageContent}" TextWrapping="Wrap" />
+      </uirx:ErrorMessageDisplay>  
     </StackPanel>
 
     <ui:OcticonCircleButton x:Name="cloneButton"