Fixed some styling

static/style.css

@@ -63,7 +63,7 @@ h2 {
 	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
 }
 
-.flex-card img {
+.flex-thumb {
 	height: 80px;
 	width: 80px;
 	margin: 16px 20px;
@@ -238,15 +238,15 @@ h2 {
 	margin: 5px 0;
 }
 
-.when {
+.sub-flex {
 	display: flex;
 }
 
-.when * {
+.sub-flex * {
 	margin: auto 3px;
 }
 
-#search-user, #flavor-text, #datepicker {
+#search-user, #flavor-text, #datepicker, #deadline-amount {
 	min-width: 0;
 	padding: 0.5em;
 }

templates/view_meal.html

@@ -33,7 +33,7 @@
 		<h2>Cook</h2>
 		<div class="flex-card">
 			{% if meal.kuk == "" %}
-			<img src="{{url_for('static', filename='question.png')}}">
+			<img src="{{url_for('static', filename='question.png')}}" class="flex-thumb">
 			<p>If nobody volunteers,<br><img class="flex-small-thumb" src="{{url_for('static', filename=meal.candidate + '.png')}}" title="{{meal.candidate}}" align="middle"> will cook.</p>
 			<div class="rect-button" onclick="location.href='/volunteer';" style="background-color: #EE7500;">VOLUNTEER</div>
 			{% else %}
@@ -45,7 +45,7 @@
 		<h2>Eaters</h2>
 			{% for eater in meal.eaters %}
 			<div class="flex-card">
-				<img src="{{url_for('static', filename=eater + '.png')}}">
+				<img src="{{url_for('static', filename=eater + '.png')}}" class="flex-thumb">
 				<span class="username">{{ eater }}</span>
 			</div>
 			{% endfor %}