Added 'can join until'

templates/meal_planner.html

@@ -28,7 +28,7 @@
 	<h1 style="margin: 40px;">Plan a meal</h1>
 	<div class="flex-card-vert">
 		<h3>When</h3>
-		<div class="when">
+		<div class="sub-flex" id="when">
 			<input type="text" id="datepicker" name="date" style="flex: 7;">
 			<span style="flex: 0.5;">@</span>
 			<input type="text" id="spinner-hour" name="hour" style="flex: 4;">
@@ -37,18 +37,28 @@
 			</div>
 		<h3>Choose a description</h3>
 		<input type="text" name="flavor_text" id="flavor-text">
+		<h3>Can join until</h3>
+		<div class="sub-flex" id="deadline">
+			<input type="text" name="deadline-amount" id="deadline-amount" pattern="[0-9]+">
+			<select id="deadline-unit">
+				<option value="m">Minutes</option>
+				<option value="h" selected>Hours</option>
+				<option value="d">Days</option>
+			</select>
+			<span>before</span>
+		</div>
 		<h3>Estimated cook: <img src="{{url_for('static', filename=current_user.name + '.png')}}" id="est-cook" class="flex-small-thumb" title="{{current_user.name}}"></h3>
 	</div>
-	<div class="flex-card-vert">
+	<div class="flex-card-vert" id="eaters-list">
 		<h3>Add people</h3>
-		<div class="add-people-container">
+		<div class="add-people-container" id="for-user-{{current_user.name}}">
 			<div class="flex-card" style="margin: 0">
-				<img src="{{url_for('static', filename=current_user.name + '.png')}}">
+				<img src="{{url_for('static', filename=current_user.name + '.png')}}" class="flex-thumb">
 				<span class="username">{{ current_user.name }}</span>
 			</div>
-			<div class="small-round-button"><i class="fa fa-minus" aria-hidden="true"></i></div>
+			<div class="small-round-button" style="display: none;" onclick="remove_user('{{current_user.name}}')"><i class="fa fa-minus" aria-hidden="true"></i></div>
 		</div>
-		<div class="add-people-container">
+		<div class="add-people-container" id="add-user">
 			<input type="text" id="search-user">
 			<div class="user-result-container"></div>
 			<div class="round-button" onclick="add_user()"><i class="fa fa-plus" aria-hidden="true"></i></div>