minor

resources/views/app/mcp/patients_filters.blade.php

@@ -12,21 +12,24 @@
 		flex-wrap: wrap;
 	}
 	.filter-container >div {
-		width: 180px;
+		width: 165px;
 	}
 	.filter-container >div:not(:last-child) {
 		margin-right: 20px;
 	}
+	.sm-section {
+		width: 110px;
+	}
 </style>
 <form id="mcp-patients-filters" method="GET" action="{{ route('mcp.patients') }}" class="filter-container" v-cloak>
-	<div>
+	<div class="sm-section">
 		<div class="form-group">
 			<label>Name:</label>
 			<input name="name" class="form-control input-sm" v-model="filters.name">
 		</div>
 	</div>
 	<!-- AGE	 -->
-	<div>
+	<div class="sm-section">
 		<div class="form-group">
 			<label>Age:</label>
 			<select name="age_category" class="form-control input-sm" v-model="filters.age_category">
@@ -48,7 +51,7 @@
 		</div>
 	</div>
 	<!-- SEX -->
-	<div>
+	<div class="sm-section">
 		<div class="form-group">
 			<label>Sex:</label>
 			<select name="sex" class="form-control input-sm" v-model="filters.sex">
@@ -59,7 +62,7 @@
 		</div>
 	</div>
 	<!-- BMI -->
-	<div>
+	<div class="sm-section">
 		<div class="form-group">
 			<label>BMI:</label>
 			<select name="bmi_category" class="form-control input-sm" v-model="filters.bmi_category">
@@ -84,7 +87,7 @@
 	<!-- LAST VISIT -->
 	<div>
 		<div class="form-group">
-			<label>Last Visit **:</label>
+			<label>Last Visit:</label>
 			<select name="last_visit_category" class="form-control input-sm" v-model="filters.last_visit_category">
 				<option value="">All</option>
 				<option value="EXACTLY">Exactly</option>
@@ -107,7 +110,7 @@
 	<!-- NEXT APPOINTMENT -->
 	<div>
 		<div class="form-group">
-			<label>Next Appointment **:</label>
+			<label>Next Appointment:</label>
 			<select name="next_appointment_category" class="form-control input-sm" v-model="filters.next_appointment_category">
 				<option value="">All</option>
 				<option value="EXACTLY">Exactly</option>
@@ -128,7 +131,7 @@
 	</div>
 
 	<!-- STATUS -->
-	<div>
+	<div class="sm-section">
 		<div class="form-group">
 			<label>Status:</label>
 			<select name="status" class="form-control input-sm" v-model="filters.status">