Add a button in take-attendance page to go back to events page.

anokha-24 · Oct 14, 2024 · 2363daf · 2363daf
1 parent 9d8f71b
commit 2363daf
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 0 deletions.
diff --git a/styles/base.css b/styles/base.css
@@ -11,4 +11,22 @@ body {
     align-items: center;
     justify-content: center;
     background-color: #f0f0f0;
+}
+
+.back-button {
+    margin-top: 16px;
+    display: inline-block;
+    padding: 4px 8px;
+    font-size: 14px;
+    color: #000d48;
+    background-color: #c7e2ff;
+    border: 1px solid #0056b3;
+    text-decoration: none;
+    border-radius: 16px;
+    transition: background-color 0.3s ease;
+}
+
+.back-button:hover {
+    background-color: #0056b3;
+    color: #c7e2ff;
 }
diff --git a/take-attendance.html b/take-attendance.html
@@ -17,6 +17,8 @@
     <h1>Take Attendance</h1>
     <p id="event-name"></p>
 
+    <a href="events.html" class="back-button">Back to Events Page</a>
+
     <div class="segmented-control">
       <button
         class="segmented-control-button"