fine tune for "clone" panel

Author: wxiaoguang

web_src/css/repo.css

@@ -1334,7 +1334,7 @@ td .commit-summary {
 
 .repository .repository-summary .sub-menu .item {
   flex: 1;
-  height: 33.6px; /* match search bar height, need to be improved in the future to use some consistent methods */
+  height: 33px; /* match search bar height, need to be improved in the future to use some consistent methods */
   line-height: var(--line-height-default);
   display: flex;
   align-items: center;

web_src/css/repo/home-file-list.css

@@ -4,7 +4,7 @@
   grid-template-columns: auto 1fr auto;
   border: 1px solid var(--color-light-border);
   border-radius: var(--border-radius);
-  margin: 8px 0;
+  margin: 10px 0; /* match the "clone-panel-popup" margin to avoid "visual double-border" */
 }
 
 #repo-files-table .svg.octicon-file-directory-fill,

web_src/js/features/repo-common.ts

@@ -92,14 +92,15 @@ function initCloneSchemeUrlSelection(parent: Element) {
 
 function initClonePanelButton(btn: HTMLButtonElement) {
   const elPanel = btn.nextElementSibling;
+  // "init" must be before the "createTippy" otherwise the "tippy-target" will be removed from the document
+  initCloneSchemeUrlSelection(elPanel);
   createTippy(btn, {
     content: elPanel,
     trigger: 'click',
     placement: 'bottom-end',
     interactive: true,
     hideOnClick: true,
   });
-  initCloneSchemeUrlSelection(elPanel);
 }
 
 export function initRepoCloneButtons() {