better select styling for semesters for grade dist

This commit is contained in:
Sriram Hariharan
2023-03-09 22:26:56 -06:00
parent e60242198a
commit f28ab5182c
3 changed files with 28 additions and 9 deletions

View File

@@ -82,6 +82,7 @@ export default function GradeDistribution({ course }: Props) {
fontWeight: '600',
},
spacingBottom: 25,
spacingTop: 25,
height: 250,
},
credits: {
@@ -178,14 +179,16 @@ export default function GradeDistribution({ course }: Props) {
return (
<Card className={styles.chartContainer}>
{semesters.length > 0 && (
<select onChange={handleSelectSemester}>
<option value={0}>Aggregate</option>
{semesters.map((semester, index) => (
<option key={semester.season + semester.year} value={index + 1}>
{semester.season} {semester.year}
</option>
))}
</select>
<div className={styles.selectContainer}>
<select onChange={handleSelectSemester}>
<option value={0}>Aggregate</option>
{semesters.map((semester, index) => (
<option key={semester.season + semester.year} value={index + 1}>
{semester.season} {semester.year}
</option>
))}
</select>
</div>
)}
<HighchartsReact ref={ref} highcharts={Highcharts} options={chartOptions} />
</Card>