From 9715655d951e0d6157f287a20003514d8d4daa40 Mon Sep 17 00:00:00 2001
From: Jasleen1210 <05kaur.j@gmail.com>
Date: Thu, 27 Jun 2024 22:14:52 +0530
Subject: [PATCH] Fixing issue #323

Added back buttons to both features and about pages.
---
 css/about.css       | 2 --
 css/features.css    | 2 --
 css/style.css       | 7 +++++++
 pages/about.html    | 3 ++-
 pages/features.html | 1 +
 5 files changed, 10 insertions(+), 5 deletions(-)

diff --git a/css/about.css b/css/about.css
index d4afcc8..ff14302 100644
--- a/css/about.css
+++ b/css/about.css
@@ -7,7 +7,6 @@ body {
     margin: 0;
     padding: 0;
     width: 100%;
-    height: 100vh;
     margin: auto;
     background-color: black;
     font-family: 'Playfair Display', serif;
@@ -15,7 +14,6 @@ body {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    padding-top: 150px;
 }
 
 #particles-js {
diff --git a/css/features.css b/css/features.css
index 8dcbc84..00e9c8f 100644
--- a/css/features.css
+++ b/css/features.css
@@ -7,7 +7,6 @@ body {
     margin: 0;
     padding: 0;
     width: 100%;
-    height: 100vh;
     margin: auto;
     background-color: black;
     font-family: 'Playfair Display', serif;
@@ -15,7 +14,6 @@ body {
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
-    padding-top: 1000px;
 }
 
 #particles-js {
diff --git a/css/style.css b/css/style.css
index ec472cc..2d5f095 100644
--- a/css/style.css
+++ b/css/style.css
@@ -2465,3 +2465,10 @@ button:active {
     transform: scale(1);
   }
 }
+/* formatting the little back arrow on feature and about page */
+.backbtn{
+  font-size: 1rem;
+  padding-left: -25px;
+  padding-top: 1rem;
+}
+
diff --git a/pages/about.html b/pages/about.html
index 749cb26..14ba554 100644
--- a/pages/about.html
+++ b/pages/about.html
@@ -59,7 +59,8 @@
         </div>
     </div>
     <div class="box" id="box">
-        <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff;">
+        <a href="/index.html" class="backbtn"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
+        <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff; display: block;">
             About
         </h1>
         <div class="aboutBox">
diff --git a/pages/features.html b/pages/features.html
index a3df165..cb8c26a 100644
--- a/pages/features.html
+++ b/pages/features.html
@@ -60,6 +60,7 @@
         </div>
     </div>
     <div class="box" id="box">
+        <a href="/index.html" class="backbtn"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
         <h1 id="changingHeading" style="font-family: Arial, sans-serif; font-size: 30px; color: #ffffff;">
             Features
         </h1>