Fixed font of winners sections (#84)

iiitv · Aug 6, 2024 · a53050d · a53050d · github-actions · Aug 6, 2024
1 parent 7c780a3
commit a53050d
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 10 deletions.
diff --git a/src/app/event/[id]/components/eventDetails.jsx b/src/app/event/[id]/components/eventDetails.jsx
@@ -69,21 +69,22 @@ function EventDetails(props){
         </div>
 
         <hr style={{width : "100%"}}/>
-        <div className="event-winner-div rounded-lg shadow-sm bg-secondary p-6 gap-6">
-            {(eventWinners === null || Object.keys(eventWinners).length === 0) ? null:<EventWinners eventWinners={eventWinners}/>}
-        </div>
+
         <div className={`event-details-description ${montserratFont.className}`}>
             <p className="event-description-title">About Event</p>
             <pre className={`event-description ${montserratFont.className}`}>{eventDescription}</pre>
         </div>
-
         <div className= {`event-mode-duration-container ${montserratFont.className}`}>
             <EventMode 
                 eventMode = {eventMode}
                 eventVenue = {eventVenue}
             />
             <EventDuration eventDuration ={eventDuration} />
         </div>
+        <div className="event-winner-div rounded-lg shadow-sm bg-secondary p-6 gap-6">
+            {(eventWinners === null || Object.keys(eventWinners).length === 0) ? null:<EventWinners eventWinners={eventWinners}/>}
+        </div>
+
         <div className="event-grid-container grid grid-cols-1 lg:grid-cols-2 gap-5 items-stretch justify-stretch">
             <div style={{width:"100%"}} className= {`lg:col-span-1 lg:row-span-1 ${montserratFont.className}`}>
                 <EventRequirements eventRequirements = {eventRequirements}/>

diff --git a/src/styles/event.css b/src/styles/event.css
@@ -285,7 +285,7 @@ pre {
     margin-top: 25px;
 }
 .event-winners-title{
-    font-size: 32px;
+    font-size: 30px;
     font-weight: 700;
     color: var(--primary);
 
@@ -298,7 +298,7 @@ pre {
     gap: 40px;
 }
 .winner-category-title{
-    font-size: 26px;
+    font-size: 24px;
     color: var(--primary);
     font-weight: bold;
     text-decoration: underline;
@@ -315,7 +315,7 @@ pre {
     display: flex;
     align-items: center;
     justify-content: center;
-    font-size: 24px;
+    font-size: 20px;
     font-weight: bold;
 }
 .winner-category-div{
@@ -391,14 +391,14 @@ pre {
         scale: 80%;
     }
     .event-winners-title{
-        font-size: 28px;
+        font-size: 24px;
     }
 
     .winner-category-title{
-        font-size: 24px;
+        font-size: 22px;
     }
     .winner-name-div{
-        font-size: 22px;
+        font-size: 16px;
     }
     .event-winner-list{
         display: grid;