From 4106d6a432f93abd13e2e33220c18d4e1be496ee Mon Sep 17 00:00:00 2001
From: Aditya Gahukar <135923860+AdityaGahukar@users.noreply.github.com>
Date: Fri, 25 Oct 2024 17:52:07 +0530
Subject: [PATCH] Consolidate Button Styles in `index.html` and `favs.html`
 (#87)

* Fixed the remove from favourites issue

* Updated CSS for login and upload buttons
---
 favs.html         | 2 +-
 index.html        | 4 ++--
 styles/styles.css | 6 ++++++
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/favs.html b/favs.html
index b4778eb..3b74c99 100644
--- a/favs.html
+++ b/favs.html
@@ -76,7 +76,7 @@ <h1 class="grow-2" id="logo">Giphy Search</h1>
           <!-- Add this button to trigger the modal for uploading GIFs -->
           <button
             id="upload-button"
-            class="secondary-btn"
+            class="secondary-btn upload-btn"
             style="margin-left: 15px"
           >
             Upload GIF
diff --git a/index.html b/index.html
index d358d21..07ecc19 100644
--- a/index.html
+++ b/index.html
@@ -73,12 +73,12 @@ <h1 class="grow-2" id="logo">Giphy Search</h1>
         </div>
         <div style="display: flex">
           <button class="secondary-btn">
-            <a href="login.html" style="text-decoration: none; color: inherit; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: bolder;">Log In</a>
+            <a href="login.html" style="text-decoration: none; color: inherit;">Log In</a>
           </button> 
           <!-- Add this button to trigger the modal for uploading GIFs -->
           <button
             id="upload-button"
-            class="secondary-btn"
+            class="secondary-btn upload-btn"
             style="margin-left: 15px; font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; font-weight: bolder;"
           >
             Upload GIF
diff --git a/styles/styles.css b/styles/styles.css
index 98eda4c..c5e6315 100644
--- a/styles/styles.css
+++ b/styles/styles.css
@@ -295,6 +295,8 @@ figure img {
   border-radius: 4px;
   height: 50px;
   cursor: pointer;
+  font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+  font-weight: bolder;
 }
 
 
@@ -304,6 +306,10 @@ figure img {
   transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
 }
 
+.upload-btn {
+  margin-left: 15px;
+}
+
 .tag-btn {
   background-color: var(--principal-color-v2);
   color: var(--principal-text-color);