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;
}
.col-with-map {
font-size: .87em;
}
@media only screen and (min-width: 1200px) {
.col-with-map {
font-size: 1em;
}
}
.workout-details {
font-size: 0.95em;
}

View File

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