Set focus on first button in Copy Clipping Text or Import/Restore Bac…

…kup dialogs

(part of issue #450)
- Visually show first focused button on the Copy Clipping Text dialog

wx-src/pages/clippingsMgr.css

@@ -1033,6 +1033,11 @@ body[data-os="win"] .browser-style > input[type="checkbox"] + label {
     background-position: 4px;
 }
 
+#copy-clipping-txt-fmt-dlg .copy-fmt-btn:focus {
+    border-color: var(--color-bkgd) !important;
+    box-shadow: 0 0 0 2px #45a1ff;
+}
+
 #copy-clipping-txt-fmt-dlg #copy-cliptxt-html {
     background-image: url("../img/copy-clipping-html16.svg");   
 }

wx-src/pages/clippingsMgr.js

@@ -4521,7 +4521,13 @@ function initDialogs()
     $("#import-clippings-file-path").val("");
     $("#import-dlg button.dlg-accept").attr("disabled", "true");
     gSuppressAutoMinzWnd = true;
+
+    // Delay to allow time to switch to import or restore backup UI.
+    setTimeout(() => {
+      this.find("#import-clippings-browse")[0].focus();
+    }, 200);
   };
+
   gDialogs.importFromFile.onUnload = function ()
   {   
     $("#import-error").text("").hide();

wx-src/pages/sidebar.css

@@ -606,6 +606,11 @@ body[data-os="mac"] .lightbox .msgbox-icon {
     margin-right: 0;
 }
 
+#copy-clipping-txt-fmt-dlg .copy-fmt-btn:focus {
+    border-color: var(--color-bkgd) !important;
+    box-shadow: 0 0 0 2px #45a1ff;
+}
+
 #copy-clipping-txt-fmt-dlg #copy-cliptxt-html {
     background-image: url("../img/copy-clipping-html32.svg");
 }