Merge pull request #289 from imsuryya/main

Removed the duplicate info button
Dev-tanay · Jun 7, 2024 · b9846d6 · b9846d6
2 parents 990b636 + fc9bbdf
commit b9846d6
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 25 deletions.
diff --git a/index.html b/index.html
@@ -8,16 +8,9 @@
   <meta name="viewport" content="width=device-width,height=device-height,user-scalable=no,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0"><link rel="stylesheet" href="./style.css">
     <!--Link form FontAwesome for volume icon, info icon, left arrow icon-->
     <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" rel="stylesheet">
-
-</head>
-<body>
-  <header class="ui__header header"> <!-- Added "header" class -->
-    <a href="./AboutUs/About.html" class="btn--about"><i class="btn btn--in fa-solid fa-circle-info"></i></a>
 </head>
+
 <body>
-  <header class="ui__header header"> <!-- Added "header" class -->
-    <a href="about.html" class="btn--about"><i class="btn btn--in fa-solid fa-circle-info"></i></a>
-  </header>
   <!-- separate div element for the goggle sign-in/log-in element -->
   <!-- g_id_onload is for automatic loading of the Google Identity Services. -->
   <div id="g_id_onload"
@@ -117,6 +110,7 @@ <h1 class="text text--title">
       <icon reset></icon>
       <button class="btn btn--tr fa-solid fa-volume-high" id="play-btn"></button>
     </button>
+    <a href="./AboutUs/About.html"><button class="btn btn--in fa-solid fa-circle-info"></button></a>
   </div>
 
   <!-- Audio element for background music -->

diff --git a/style.css b/style.css
@@ -311,10 +311,6 @@ body {
   pointer-events: auto;
 }
 
-.btn--about {
-  position: relative;
-  z-index: 10; /* Ensure it's on top */
-} 
 .header {
   display: flex;
   justify-content: space-between;
@@ -389,16 +385,3 @@ body {
 .g_id_signin {
   margin-top: 20px;
 }
-.header {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 5px 5px;
-  color: #333;
-  z-index: 10;
-}
-
-.btn--about {
-  position: relative;
-  z-index: 10; /* Ensure it's on top */
-}