fix(ux): Mobile layout for weight page

Closed #238Signed-off-by: Stuart McCulloch Anderson's avatarStuart McCulloch Anderson <stuart@nxfifteen.me.uk>
parent a93e8b19
......@@ -16,9 +16,9 @@
<div class="animated fadeIn">
<div class="row">
<div class="col-sm-9">
<div class="col-12 col-lg-9 hidden-md-down">
<div class="row">
<div class="col-sm-12">
<div class="col-12">
<div class="card">
<div class="card-header" id="graphWeightTitle">
Body Weight
......@@ -32,54 +32,34 @@
<div class="row">
<div class="col-sm-4">
<div class="radio-inline">
<label> <input type="radio" value="last14" name="confWeightTimeRange"
class="square-red"><span id="nameWeightlast14"
style="display: none">over the last 2 weeks</span>
2 Weeks </label>
<label> <input type="radio" value="last14" name="confWeightTimeRange" class="square-red"><span id="nameWeightlast14" style="display: none">over the last 2 weeks</span>2 Weeks </label>
</div>
</div>
<div class="col-sm-4">
<div class="radio-inline">
<label> <input type="radio" value="last28" name="confWeightTimeRange"
class="square-red"><span id="nameWeightlast28"
style="display: none">over the last 4 weeks</span>
4 Weeks </label>
<label> <input type="radio" value="last28" name="confWeightTimeRange" class="square-red"><span id="nameWeightlast28" style="display: none">over the last 4 weeks</span>4 Weeks </label>
</div>
</div>
<div class="col-sm-4">
<div class="radio-inline">
<label>
<input type="radio" value="last92" name="confWeightTimeRange"
class="square-red" checked="checked"><span id="nameWeightlast92"
style="display: none">over the last 3 months</span>
3 Months </label>
<label><input type="radio" value="last92" name="confWeightTimeRange" class="square-red" checked="checked"><span id="nameWeightlast92" style="display: none">over the last 3 months</span>3 Months </label>
</div>
</div>
</div>
<div class="row">
<div class="col-sm-4">
<div class="radio-inline">
<label> <input type="radio" value="last183" name="confWeightTimeRange"
class="square-red"><span id="nameWeightlast183"
style="display: none">over the last 6 months</span>
6 Months </label>
<label> <input type="radio" value="last183" name="confWeightTimeRange" class="square-red"><span id="nameWeightlast183" style="display: none">over the last 6 months</span>6 Months </label>
</div>
</div>
<div class="col-sm-4">
<div class="radio-inline">
<label> <input type="radio" value="last365" name="confWeightTimeRange"
class="square-red"><span id="nameWeightlast365"
style="display: none">over the last year</span>
1 Year </label>
<label> <input type="radio" value="last365" name="confWeightTimeRange" class="square-red"><span id="nameWeightlast365" style="display: none">over the last year</span>1 Year </label>
</div>
</div>
<div class="col-sm-4">
<div class="radio-inline">
<label>
<input type="radio" value="all" name="confWeightTimeRange"
class="square-red"><span id="nameWeightall"
style="display: none"></span>
All </label>
<label><input type="radio" value="all" name="confWeightTimeRange" class="square-red"><span id="nameWeightall" style="display: none"></span>All </label>
</div>
</div>
</div>
......@@ -89,7 +69,7 @@
</div>
<div class="row">
<div class="col-sm-12">
<div class="col-12">
<div class="card">
<div class="card-block">
<div class="chartJS">
......@@ -100,7 +80,8 @@
</div>
</div>
</div>
<div class="col-sm-3">
<div class="col-sm-12 col-lg-3">
<div class="card">
<div class="card-header">Weight Trend</div>
<div class="card-block">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment