From c90ef50e73468959a789d28006fd920cce445ac2 Mon Sep 17 00:00:00 2001
From: Aleksandr Vladykin <morsko1@yandex.ru>
Date: Wed, 16 Aug 2023 18:06:50 +0300
Subject: [PATCH] fix(ui): make download button accessible via keyboard (#8974)

Refs #8881
---
 src/core/components/highlight-code.jsx | 12 ++++++------
 src/style/_layout.scss                 |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/core/components/highlight-code.jsx b/src/core/components/highlight-code.jsx
index d2a5e2c0..35d90a10 100644
--- a/src/core/components/highlight-code.jsx
+++ b/src/core/components/highlight-code.jsx
@@ -45,18 +45,18 @@ const HighlightCode = ({value, fileName, className, downloadable, getConfigs, ca
 
   return (
     <div className="highlight-code" ref={rootRef}>
-      {!downloadable ? null :
-        <div className="download-contents" onClick={handleDownload}>
-          Download
-        </div>
-      }
-
       {canCopy && (
         <div className="copy-to-clipboard">
           <CopyToClipboard text={value}><button/></CopyToClipboard>
         </div>
       )}
 
+      {!downloadable ? null :
+        <button className="download-contents" onClick={handleDownload}>
+          Download
+        </button>
+      }
+
       {canSyntaxHighlight
         ? <SyntaxHighlighter
           language={language}
diff --git a/src/style/_layout.scss b/src/style/_layout.scss
index e5b979ee..8851e2fa 100644
--- a/src/style/_layout.scss
+++ b/src/style/_layout.scss
@@ -745,10 +745,10 @@
   position: absolute;
   bottom: 10px;
   right: 10px;
-  cursor: pointer;
   background: #7d8293;
   text-align: center;
   padding: 5px;
+  border: none;
   border-radius: 4px;
   font-family: sans-serif;
   font-weight: 600;