From 690ba49fbd3a7d813e8e9fafe989f6b0822d8891 Mon Sep 17 00:00:00 2001
From: swastkk <swastkk@gmail.com>
Date: Thu, 25 Jan 2024 19:19:11 +0530
Subject: [PATCH] UI update event detail

Signed-off-by: swastkk <swastkk@gmail.com>
---
 src/app/components/Modal/modal.jsx        |  2 +-
 src/app/components/Modal/modalStyles.css  | 16 +++++++++++++++-
 src/app/event-register/[eventId]/page.jsx |  3 ++-
 src/app/events/page.tsx                   |  2 +-
 src/app/globals.css                       |  1 +
 5 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/src/app/components/Modal/modal.jsx b/src/app/components/Modal/modal.jsx
index 22faf15..75e4763 100644
--- a/src/app/components/Modal/modal.jsx
+++ b/src/app/components/Modal/modal.jsx
@@ -105,7 +105,7 @@ export const Modal = ({ cardrecieved, handleClose, isRegisteredEvent }) => {
                               <span>{cardrecieved.name}</span>
                               <span className={'text-right'}>{cardrecieved.date}</span>
                          </div>
-                         <div className='text-justify mt-5'>
+                         <div className='text-justify mt-5' style={{display:'inline-block'}}>
                               {cardrecieved.description}
                          </div>
                     </div>
diff --git a/src/app/components/Modal/modalStyles.css b/src/app/components/Modal/modalStyles.css
index 29c56a2..7933553 100644
--- a/src/app/components/Modal/modalStyles.css
+++ b/src/app/components/Modal/modalStyles.css
@@ -71,8 +71,9 @@
 
     .modal-custom{
       height: 87%;
-      margin-top: 4.5rem;
+      margin-top: 5rem;
       padding-top: 1vh;
+      padding-bottom: 1rem;
     }
 
     .image-container {
@@ -82,6 +83,19 @@
         margin: 1rem;
     }
   }
+
+  @media(max-width : 768px)
+  {
+    .btns{
+      position: relative !important;
+      /* padding-top:100px;
+      margin-top: 100px; */
+      /* display: flex;
+      flex-direction: column; */
+      /* background-color: black; */
+    }
+  }
+
   
 
   
diff --git a/src/app/event-register/[eventId]/page.jsx b/src/app/event-register/[eventId]/page.jsx
index 7ef7027..b69656b 100644
--- a/src/app/event-register/[eventId]/page.jsx
+++ b/src/app/event-register/[eventId]/page.jsx
@@ -42,8 +42,9 @@ const EventRegisterPage = () => {
     try {
       const token = localStorage.getItem('myJwtToken');
       if (!token) {
-        alert('Token not found: User Unauthenticated');
+        alert('Please Login/Signup to register!');
         // window.location.href = '/participate';
+        router.push('/participate');
         return;
       }
 
diff --git a/src/app/events/page.tsx b/src/app/events/page.tsx
index f3a9ba9..ac54a5d 100644
--- a/src/app/events/page.tsx
+++ b/src/app/events/page.tsx
@@ -203,7 +203,7 @@ const Page = () => {
                                              </figure>
                                              <div className="custom-card-body">
                                                   <h2 className="custom-card-title mt-2">{card.name}</h2>
-                                                  {/* <p>{card.date}</p> */}
+                                                  <p>{card.date}</p>
                                                   <br />
                                                   <OpenDialogButton card={card} setModalOpenToTrue={openModal} />
                                              </div>
diff --git a/src/app/globals.css b/src/app/globals.css
index 7dfed70..fd21be8 100644
--- a/src/app/globals.css
+++ b/src/app/globals.css
@@ -211,6 +211,7 @@ body {
   background-position-x: -10%;
 }
 
+
 .modal-custom {
   width: clamp(70%, 700px, 90%);
   height: min(70%, 700px);