From 0a401be67821246c6808056a47c73370d858bdd4 Mon Sep 17 00:00:00 2001
From: Nirmal Kumar <nirmalkc@gmail.com>
Date: Sun, 17 Apr 2022 13:31:11 +0530
Subject: [PATCH] fixing the star and count issue

---
 src/common/home/Home.jsx |  2 +-
 src/common/home/home.css | 20 ++++++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/common/home/Home.jsx b/src/common/home/Home.jsx
index 705ef44377..ee568f9343 100644
--- a/src/common/home/Home.jsx
+++ b/src/common/home/Home.jsx
@@ -50,7 +50,7 @@ const Home = () => {
               className="body-c2a-btn"
             >
               <BsGithub className="icon" />
-              <span className="btn-label">GitHub | <FiStar /> {gitHubStars} </span>
+              <span className="btn-label">GitHub <div className="label-info-more"><FiStar /> <div className="more-label">{gitHubStars}</div></div> </span>
             </a>
             {/*<a
               href="https://www.youtube.com/watch?v=rysTbzKOEO0"
diff --git a/src/common/home/home.css b/src/common/home/home.css
index 0a9f391749..d0a2f269a8 100644
--- a/src/common/home/home.css
+++ b/src/common/home/home.css
@@ -121,6 +121,26 @@
     color: var(--color-brand-primary-dark);
 }
 
+.app-home-body .body-c2a .body-c2a-btn .btn-label {
+    display: flex;
+    align-items: center;
+    grid-gap: 1.2rem;
+}
+
+.app-home-body .body-c2a .body-c2a-btn .btn-label .label-info-more .more-label {
+    line-height: var(--lh-rg);
+    font-weight: var(--fw-regular);
+    /* font-size: var(--fs-rg); */
+    padding-top: 0.06rem;
+}
+
+.app-home-body .body-c2a .body-c2a-btn .btn-label .label-info-more {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+    grid-gap: 0.2rem;
+}
+
 .app-home-body .body-c2a .body-c2a-btn--primary {
     border: solid 2px var(--color-brand-primary);
     background-color: var(--color-brand-primary);