tighen up care-portal so that the button is visible on even a 3.5 inch iPhone display; added some additional event types

This commit is contained in:
Jason Calabrese
2014-08-31 10:11:39 -07:00
parent d4de1b9eb4
commit b63e7be276
3 changed files with 54 additions and 21 deletions
+27 -1
View File
@@ -42,6 +42,32 @@
color: white;
}
#treatmentDrawer input {
box-sizing: border-box;
}
#treatmentDrawer label.left-column {
display: block;
width: 100%;
}
#treatmentDrawer label.left-column span {
width: 110px;
display: inline-block;
}
#treatmentDrawer label.left-column input, #treatmentDrawer label.left-column select {
width: 140px;
}
#treatmentDrawer #glucoseValue {
width: 230px;
}
#treatmentDrawer #notes {
width: 250px;
}
#about {
margin-top: 1em;
}
@@ -117,7 +143,7 @@ h1, legend,
font-size: 16px;
margin-top: 0;
margin-left: 42px;
padding: 10px;
padding-top: 10px;
}
#buttonbar {
padding: 0;
+26 -19
View File
@@ -119,19 +119,24 @@
<form id="treatment-form" onsubmit="return treatmentSubmit();">
<fieldset class="treatmentData">
<legend>Log a Treatment</legend>
<dl>
<dt>Entered By:</dt>
<dd><input type="text" id="enteredBy" value="" /></dd>
</dl>
<label for="eventType">Event Type:</label>
<select id="eventType">
<option value="BG Check">Blood Glucose Check</option>
<option value="Snack Bolus">Snack Bolus</option>
<option value="Meal Bolus">Meal Bolus</option>
<option value="Correction Bolus">Correction Bolus</option>
<option value="Food Correction">Food Correction</option>
<option value="Question">Note or Question to Parents</option>
</select>
<label for="enteredBy" class="left-column">
<span>Entered By:</span>
<input type="text" id="enteredBy" value="" />
</label>
<label for="eventType" class="left-column">
<span>Event Type:</span>
<select id="eventType">
<option value="BG Check">BG Check</option>
<option value="Snack Bolus">Snack Bolus</option>
<option value="Meal Bolus">Meal Bolus</option>
<option value="Correction Bolus">Correction Bolus</option>
<option value="Carb Correction">Carb Correction</option>
<option value="Question">Note or Question</option>
<option value="Exercise">Exercise</option>
<option value="Site Change">Pump Site Change</option>
<option value="D.A.D. Alert">D.A.D. Alert</option>
</select>
</label>
<fieldset>
<legend>Glucose Reading</legend>
@@ -146,12 +151,14 @@
<span>Sensor<br></span>
</label>
</fieldset>
<label for="carbsGiven">Carbs Given (mass in grams):<br></label>
<input type="number" step="any" min="0" id="carbsGiven" />
<br>
<label for="insulinGiven"><br>Insulin Given (units):<br></label>
<input type="number" step="any" min="0" id="insulinGiven" />
<br>
<label for="carbsGiven" class="left-column short-label">
<span>Carbs Given:</span>
<input type="number" step="any" min="0" id="carbsGiven" placeholder="Amount in grams" />
</label>
<label for="insulinGiven" class="left-column short-label">
<span>Insulin Given:</span>
<input type="number" step="any" min="0" id="insulinGiven" placeholder="Amount in units"/>
</label>
<!-- Label and textarea -->
<label for="notes"><br>Additional Notes, Comments:<br></label>
<textarea id="notes"></textarea><br>
+1 -1
View File
@@ -186,7 +186,7 @@ function openTreatmentDrawer() {
$('#enteredBy').val(browserStorage.get("enteredBy") || '');
$('#eventType').val('BG Check');
$('#glucoseValue').val('');
$('#glucoseValue').val('').attr('placeholder', 'Value in ' + browserSettings.units);
$('#meter').prop('checked', true)
$('#carbsGiven').val('');
$('#insulinGiven').val('');