finish tippy styles

Author: techknowlogick

templates/repo/home.tmpl

@@ -118,9 +118,8 @@
 				{{if $isHomepage}}
 				<div id="clone-panel">
 					<button class="ui tiny primary button tw-pr-1 tw-flex js-btn-clone-panel">
-							{{svg "octicon-code" 16}}
-							<span>Code</span>
-							{{svg "octicon-triangle-down" 14 "dropdown icon"}}
+						<span>{{svg "octicon-code" 16}} Code</span>
+						{{svg "octicon-triangle-down" 14 "dropdown icon"}}
 				    </button>
 					<div class="clone-panel tippy-target">
 						<div class="ui segment">

web_src/css/repo.css

@@ -136,6 +136,7 @@
 .repository .clone-panel {
   display: flex;
   flex: 1;
+  min-width: 200px;
 }
 
 .repository.wiki .clone-panel {
@@ -160,18 +161,14 @@
   position: relative;
 }
 
-.repository .clone-panel .ui.segment {
+.clone-panel .ui.segment {
   border: none;
 }
 
 .repository .clone-panel > button {
   border-radius: var(--border-radius) !important;
 }
 
-.repository .clone-panel {
-  min-width: 200px;
-}
-
 .clone.tabs {
   cursor: pointer;
 

web_src/js/features/repo-home.ts

@@ -19,7 +19,7 @@ export function initRepoClonePanel() {
     const tippy = createTippy($clonePanelBtn[0], {
       content: $panel[0],
       theme: 'default',
-      placement: 'bottom',
+      placement: 'bottom-start',
       trigger: 'click',
       maxWidth: '300px',
       interactive: true,