Merge pull request #289 from shreyas1434shinde/boardEnrollment

Task #PS-1656 : UI improvements
tekdi · Sep 25, 2024 · 2b3dad9 · 2b3dad9
2 parents 74250b6 + e2b7d9e
commit 2b3dad9
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 5 deletions.
diff --git a/src/components/CohortSelectionSection.tsx b/src/components/CohortSelectionSection.tsx
@@ -373,9 +373,9 @@ const CohortSelectionSection: React.FC<CohortSelectionSectionProps> = ({
  sx={{
  m: 0,
  width: '100%',
- '@media (max-width: 700px)': {
- width: '50%',
- },
+ // '@media (max-width: 700px)': {
+ //  width: '50%',
+ // },
  }}
  >
  <Select
@@ -484,7 +484,11 @@ const CohortSelectionSection: React.FC<CohortSelectionSectionProps> = ({
  color: theme.palette.warning['200'],
  width: '100%',
  marginBottom: '0rem',
- '@media (max-width: 700px)': {
+ marginRight: '10px',
+ '@media (max-width: 902px)': {
+ width: '60%',
+ },
+ '@media (max-width: 702px)': {
  width: '50%',
  },
  }

diff --git a/src/pages/dashboard.tsx b/src/pages/dashboard.tsx
@@ -894,13 +894,17 @@ const Dashboard: React.FC<DashboardProps> = () => {
  </Box>
 
  <Box
- className="calenderTitle flex-center joyride-step-3 ps-md-ab right-md-20 top-md-185"
+ className="calenderTitle flex-center joyride-step-3 ps-md-ab right-md-20"
  display={'flex'}
  sx={{
  cursor: 'pointer',
  color: theme.palette.secondary.main,
  gap: '4px',
  opacity: classId === 'all' ? 0.5 : 1,
+ '@media (max-width: 900px)': {
+ top:
+ role === Role.TEAM_LEADER ? '210px' : '185px',
+ },
  }}
  onClick={viewAttendanceHistory}
  >