Client - fix workout card style

This commit is contained in:
Sam 2021-09-01 13:25:52 +02:00
parent 4dd5633232
commit 8dc7e37ab1
2 changed files with 10 additions and 1 deletions

View File

@ -485,6 +485,15 @@ label {
margin-bottom: 15px; margin-bottom: 15px;
} }
.col-with-map {
font-size: .87em;
}
@media only screen and (min-width: 1200px) {
.col-with-map {
font-size: 1em;
}
}
.workout-details { .workout-details {
font-size: 0.95em; font-size: 0.95em;
} }

View File

@ -29,7 +29,7 @@ export default function WorkoutCard(props) {
<StaticMap workout={workout} /> <StaticMap workout={workout} />
</div> </div>
)} )}
<div className="col"> <div className={`col${workout.map ? ' col-with-map' : ''}`}>
<p> <p>
<i className="fa fa-clock-o" aria-hidden="true" />{' '} <i className="fa fa-clock-o" aria-hidden="true" />{' '}
{t('workouts:Duration')}: {workout.moving} {t('workouts:Duration')}: {workout.moving}