From 63aeec63d58f079551890475ccf142b02fed86b6 Mon Sep 17 00:00:00 2001
From: Khoroshevskyi <sasha99250@gmail.com>
Date: Wed, 23 Oct 2024 16:07:50 -0400
Subject: [PATCH] updated description in bedset

---
 .../bedset-splash-components/header.tsx       | 25 +++++++++++--------
 1 file changed, 14 insertions(+), 11 deletions(-)

diff --git a/ui/src/components/bedset-splash-components/header.tsx b/ui/src/components/bedset-splash-components/header.tsx
index db4838c..7255e1c 100644
--- a/ui/src/components/bedset-splash-components/header.tsx
+++ b/ui/src/components/bedset-splash-components/header.tsx
@@ -25,28 +25,28 @@ export const BedsetSplashHeader = (props: Props) => {
       <div className="d-flex flex-row align-items-start justify-content-between mb-2 ">
         <div className="d-flex flex-column align-items-start">
           <h4 className="fw-bold">
-            <i className="bi bi-file-earmark-text me-2"/>
+            <i className="bi bi-file-earmark-text me-2" />
             {metadata?.id || 'No name available'}
             <button
-                className="btn btn-link text-primary mb-2"
-                onClick={() => {
-                  copyToClipboard(metadata.id || '');
-                  setCopiedId(true);
-                  setTimeout(() => {
-                    setCopiedId(false);
-                  }, 1000);
-                }}
+              className="btn btn-link text-primary mb-2"
+              onClick={() => {
+                copyToClipboard(metadata.id || '');
+                setCopiedId(true);
+                setTimeout(() => {
+                  setCopiedId(false);
+                }, 1000);
+              }}
             >
               {copiedId ? <i className="bi bi-check me-1" /> : <i className="bi bi-clipboard me-1" />}
             </button>
           </h4>
-          <p className="mb-0">{metadata?.description || 'No description available'}</p>
         </div>
         <div className="d-flex flex-row align-items-center gap-1">
 
           {/*  TODO: change hg38 on correct genome */}
           {/*<a href={`https://genome.ucsc.edu/cgi-bin/hgTracks?db=hg38&hubUrl=https://api-dev.bedbase.org/v1/bedset/${metadata.id}/track_hub`}>*/}
-          <a href={`https://genome.ucsc.edu/cgi-bin/hgTracks?db=hg38&hubUrl=${API_BASE}/bedset/${metadata.id}/track_hub`}>
+          <a
+            href={`https://genome.ucsc.edu/cgi-bin/hgTracks?db=hg38&hubUrl=${API_BASE}/bedset/${metadata.id}/track_hub`}>
             <button className="btn btn-outline-primary btn-sm">
               <i className="bi bi-distribute-vertical me-1" />
               Genome Browser
@@ -103,6 +103,9 @@ export const BedsetSplashHeader = (props: Props) => {
           </button>
         </div>
       </div>
+      <div>
+        <p className="mb-2">{metadata?.description || 'No description available'}</p>
+      </div>
       <div className="d-flex flex-row align-items-end justify-content-start gap-1">
         <div className="badge bg-primary text-wrap">
           <i className="bi bi-hash me-1" />