Make "Pair Now" button keyboard accessible (#10381)

microsoft · Feb 12, 2025 · 211c932 · 211c932
1 parent d43f4c8
commit 211c932
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/theme/common.less b/theme/common.less
@@ -1605,7 +1605,7 @@ p.ui.font.small {
         padding-top: .25rem;
     }
 
-    a.ui.button {
+    button.ui.button {
         margin-top: .5rem;
     }
 }

diff --git a/webapp/src/dialogs.tsx b/webapp/src/dialogs.tsx
@@ -790,7 +790,7 @@ export function renderBrowserDownloadInstructions(saveonly?: boolean, redeploy?:
                                                     </div>
                                                     <div className="thirteen wide column">
                                                         {lf("Download your code faster by pairing with WebUSB!")}
-                                                        <a className="ui button purple" onClick={onPairClicked}>{lf("Pair Now")}</a>
+                                                        <sui.Button className="ui button purple" onClick={onPairClicked} text={lf("Pair Now")} />
                                                     </div>
                                                 </div>
                                             </div>