Back line (#191)

* Go back Links issue #140 solved

Author: atharvapatil123

new_client/src/components/events/EventList.css

@@ -0,0 +1,3 @@
+.nav-mob-close {
+  transform: translateX(-355%);
+}

new_client/src/components/events/EventList.jsx

@@ -15,6 +15,7 @@ import Banner from "./Banner";
 import { isFuture } from "date-fns";
 import { TitleWithDivider } from "./EventPage";
 import useAuthenticatedAxios from "../Utilities/useAuthenticatedAxios.js";
+import "./EventList.css";
 
 const useStyles = makeStyles({
   gridContainer: {

new_client/src/components/events/EventPage.css

@@ -0,0 +1,11 @@
+.nav-mob-open {
+  transform: translateX(1%);
+}
+.onlyEventPage {
+  left: auto;
+  right: 5px;
+}
+#onlyEventPageSideBar {
+  left: auto;
+  right: 5px;
+}

new_client/src/components/events/EventPage.jsx

@@ -19,6 +19,7 @@ import { connect } from "react-redux";
 import { isFuture } from "date-fns/esm";
 import BackButton from "../Utilities/BackButton";
 import useAuthenticatedAxios from "../Utilities/useAuthenticatedAxios.js";
+import "./EventPage.css";
 
 const useStyles = makeStyles((theme) => ({
   media: {
@@ -106,7 +107,18 @@ function EventPage(props) {
     <Spinner />
   ) : (
     <>
-      <BackButton link="/events" />
+      <BackButton
+        link="/events"
+        onClick={
+          (document
+            .getElementById("nav-toggler")
+            .classList.add("onlyEventPage"),
+          document.getElementsByClassName("nav-item-list-mob").length == 0
+            ? " "
+            : (document.getElementsByClassName("nav-item-list-mob")[0].id =
+                "onlyEventPageSideBar"))
+        }
+      />
       <Container maxWidth="md">
         <Grid container className={classes.titleGap}>
           <Grid item xs={12} md={6} lg={6}>

new_client/src/components/events/IndividualEvent.jsx

@@ -103,7 +103,21 @@ export default function IndividualEvent({
             </>
           )}
           <Link to={`/events/${article._id}`}>
-            <Button variant="contained">View More</Button>
+            <Button
+              variant="contained"
+              onClick={
+                (document
+                  .getElementById("nav-toggler")
+                  .classList.remove("onlyEventPage"),
+                document.getElementsByClassName("nav-item-list-mob").length == 0
+                  ? " "
+                  : (document.getElementsByClassName(
+                      "nav-item-list-mob"
+                    )[0].id = ""))
+              }
+            >
+              View More
+            </Button>
           </Link>
           {isFuture(new Date(article.date)) && (
             <RegisterButton