From 960d06b50d45ddde31ce8e06964e00544c91ec35 Mon Sep 17 00:00:00 2001
From: john-rock <johnmrock.jr@gmail.com>
Date: Thu, 30 Jan 2025 16:13:40 -0500
Subject: [PATCH] start working on favorite

---
 .../components/quickstartGuideCard/index.js   | 21 ++++++++++---------
 .../quickstartGuideCard/styles.module.css     |  5 +++++
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/website/src/components/quickstartGuideCard/index.js b/website/src/components/quickstartGuideCard/index.js
index 5653763a4d6..c4b47088ce7 100644
--- a/website/src/components/quickstartGuideCard/index.js
+++ b/website/src/components/quickstartGuideCard/index.js
@@ -57,17 +57,8 @@ export function QuickstartGuideTitle({ frontMatter }) {
 
   return (
     <div className={styles.infoContainer}>
+          <Link className={styles.backButton} to="/guides">Back to guides</Link>
       <div className={styles.leftInfo}>
-        <div>
-          <button 
-            onClick={toggleFavorite}
-            className={`${styles.favoriteButton} ${isFavorite ? styles.favorited : ''}`}
-            aria-label={isFavorite ? "Remove from favorites" : "Add to favorites"}
-          >
-            
-            {getSvgIcon('fa-star')}
-          </button>
-        </div>
         {recently_updated && (
           <span className={styles.recently_updated}>Updated</span>
         )}
@@ -89,6 +80,16 @@ export function QuickstartGuideTitle({ frontMatter }) {
           {level && <div className={styles.tag}>{level}</div>}
         </div>
       )}
+              <div>
+          <button 
+            onClick={toggleFavorite}
+            className={`${styles.favoriteButton} ${isFavorite ? styles.favorited : ''}`}
+            aria-label={isFavorite ? "Remove from favorites" : "Add to favorites"}
+          >
+            
+            {getSvgIcon('fa-star')}
+          </button>
+        </div>
     </div>
   );
 }
diff --git a/website/src/components/quickstartGuideCard/styles.module.css b/website/src/components/quickstartGuideCard/styles.module.css
index 4df4a0aea77..eabd1abc176 100644
--- a/website/src/components/quickstartGuideCard/styles.module.css
+++ b/website/src/components/quickstartGuideCard/styles.module.css
@@ -122,6 +122,11 @@
 .leftInfo {
   display: flex;
   align-items: center;
+  gap: 0.375rem
+}
+
+.backButton {
+  color: var(--ifm-menu-color);
 }
 
 .infoContainer .tag_container {