Merge pull request #239 from microsoft/main

center button, update text (#238)

Author: EricJohnson327

src/GitHubExtension/Strings/en-US/Resources.resw

@@ -248,7 +248,7 @@
     <value>Waiting for browser...</value>
   </data>
   <data name="Widget_Template.SignInRequired" xml:space="preserve">
-    <value>You must sign in to view this widget's content.</value>
+    <value>Sign in to use this widget.</value>
     <comment>Shown in Widget when user is not logged in.</comment>
   </data>
   <data name="Widget_Template.Loading" xml:space="preserve">

src/GitHubExtension/Widgets/Templates/GitHubSignInTemplate.json

@@ -5,32 +5,53 @@
   "body": [
     {
       "type": "Container",
+      "minHeight": "40px"
+    },
+    {
+      "type": "Container",
+      "spacing": "none",
       "items": [
         {
           "type": "TextBlock",
           "text": "${message}",
           "wrap": true,
-          "horizontalAlignment": "Center",
+          "horizontalAlignment": "center",
           "height": "stretch",
-          "size": "Default",
-          "weight": "Bolder"
+          "size": "medium",
+          "weight": "bolder"
         },
         {
-          "type": "ActionSet",
-          "actions": [
+          "type": "ColumnSet",
+          "spacing": "ExtraLarge",
+          "columns": [
             {
-              "type": "Action.Execute",
-              "title": "%Widget_Template_Button/SignIn%",
-              "verb": "SignIn",
-              "tooltip": "%Widget_Template_Tooltip/SignIn%"
+              "type": "Column",
+              "width": "stretch"
+            },
+            {
+              "type": "Column",
+              "width": "auto",
+              "items": [
+                {
+                  "type": "ActionSet",
+                  "actions": [
+                    {
+                      "type": "Action.Execute",
+                      "title": "%Widget_Template_Button/SignIn%",
+                      "verb": "SignIn",
+                      "tooltip": "%Widget_Template_Tooltip/SignIn%"
+                    }
+                  ]
+                }
+              ]
+            },
+            {
+              "type": "Column",
+              "width": "stretch"
             }
-          ],
-          "horizontalAlignment": "center",
-          "spacing": "ExtraLarge"
+          ]
         }
-      ],
-      "horizontalAlignment": "center",
-      "spacing": "None"
+      ]
     }
   ]
 }