Client - fix workout card style
This commit is contained in:
		@@ -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;
 | 
				
			||||||
}
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
@@ -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}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user