Bug #227091 - [mobile - content page] Button lable should be in one l…

…ine,Bug #227343-[webapp => event] Allignments are not proper on event card
NIUANULP · Sep 23, 2024 · d10b869 · d10b869
1 parent c6089bc
commit d10b869
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 6 deletions.
diff --git a/packages/nulp_elite/src/components/EventCard.js b/packages/nulp_elite/src/components/EventCard.js
@@ -163,19 +163,19 @@ export default function EventCard({ items, index, onClick }) {
     >
       {/* <CardMedia className="card-media" title="green iguana" /> */}
       {/* <div onClick={onClick} className="card-div"></div> */}
-      <CardContent className="d-flex jc-bw">
+      <CardContent className="d-flex">
         <Box>
           {items.name && (
             <Typography gutterBottom className="mt-10  event-title" >
               {items.name}
             </Typography>
           )}
           <Box className="d-flex h6-title mt-30" style={{ color: "#484848" }}>
-            <Box className="d-flex jc-bw alignItems-center">
+            <Box className="d-flex alignItems-center">
               <TodayOutlinedIcon className="fs-12 pr-5" />
               {formatDate(items.startDate)}
             </Box>
-            <Box className="d-flex jc-bw alignItems-center pl-5 pr-5">
+            <Box className="d-flex alignItems-center pl-5 pr-5">
               <AccessAlarmsOutlinedIcon className="fs-12 pr-5" />
 
               {formatTimeToIST(items.startTime)}

diff --git a/packages/nulp_elite/src/styles/style.css b/packages/nulp_elite/src/styles/style.css
@@ -766,6 +766,9 @@ button {
 }
 
 @media (max-width: 768px) {
+  .h3-title {
+    font-size: 15px !important;
+  }
   .votingDashboard {
     margin-top:55px;
   }
@@ -774,7 +777,7 @@ button {
   }
   .viewAll{
     font-size: 10px !important;
-    padding: 7px 4px;
+    padding: 9px 4px !important;
   }
   .d-flex-none {
     display: block !important;
@@ -2643,7 +2646,7 @@ button {
   border: none !important;
   border-radius: 10px !important;
   color: #fff !important;
-  font-size: 12px !important;
+  font-size: 12px;
   font-weight: 500 !important;
   padding: 9px 32px;
   text-align: center !important;
@@ -2682,7 +2685,7 @@ button {
 
 .h3-title {
   color: #484848 !important;
-  font-size: 18px !important;
+  font-size: 18px;
   font-weight: 600 !important;
 }