From 51313fbb633c8d2fd710e7a44acdd3a77f1ae32c Mon Sep 17 00:00:00 2001
From: silverwind <me@silverwind.io>
Date: Tue, 13 Apr 2021 02:10:57 +0200
Subject: [PATCH] Clone panel fixes (#15435)

- Use <button> over <div> for a button
- Fix absent border-right on wiki
- Fix absent border-radius on wiki

Co-authored-by: 6543 <6543@obermui.de>
---
 templates/repo/home.tmpl      |  4 ++--
 web_src/less/_repository.less | 19 +++++++++++++------
 2 files changed, 15 insertions(+), 8 deletions(-)

diff --git a/templates/repo/home.tmpl b/templates/repo/home.tmpl
index b77f28f920..ed31398355 100644
--- a/templates/repo/home.tmpl
+++ b/templates/repo/home.tmpl
@@ -110,13 +110,13 @@
 				{{if eq $n 0}}
 					<div class="ui action tiny input" id="clone-panel">
 						{{template "repo/clone_buttons" .}}
-						<div class="ui basic jump dropdown icon button poping up" data-content="{{.i18n.Tr "repo.download_archive"}}" data-variation="tiny inverted" data-position="top right">
+						<button id="download-btn" class="ui basic jump dropdown icon button poping up" data-content="{{.i18n.Tr "repo.download_archive"}}" data-variation="tiny inverted" data-position="top right">
 							{{svg "octicon-download"}}
 							<div class="menu">
 								<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.zip">{{svg "octicon-file-zip"}}&nbsp;ZIP</a>
 								<a class="item archive-link" data-url="{{$.RepoLink}}/archive/{{EscapePound $.BranchName}}.tar.gz">{{svg "octicon-file-zip"}}&nbsp;TAR.GZ</a>
 							</div>
-						</div>
+						</button>
 					</div>
 				{{end}}
 			</div>
diff --git a/web_src/less/_repository.less b/web_src/less/_repository.less
index 71a9cbcdd0..6042a75948 100644
--- a/web_src/less/_repository.less
+++ b/web_src/less/_repository.less
@@ -201,18 +201,25 @@
     .clone.button {
       font-size: 13px;
       padding: 7.5px 5px;
-
-      &:first-child {
-        border-radius: var(--border-radius) 0 0 var(--border-radius);
-      }
     }
 
     #repo-clone-https,
-    #repo-clone-ssh,
-    #clipboard-btn {
+    #repo-clone-ssh {
       border-right: none;
     }
 
+    #download-btn {
+      border-left: none;
+    }
+
+    button:first-of-type {
+      border-radius: var(--border-radius) 0 0 var(--border-radius) !important;
+    }
+
+    button:last-of-type {
+      border-radius: 0 var(--border-radius) var(--border-radius) 0 !important;
+    }
+
     .icon.button {
       padding: 0 10px;
     }