diff options
| -rw-r--r-- | www/css/mobile.css | 22 | ||||
| -rw-r--r-- | www/templates/en/existing.html | 17 | ||||
| -rw-r--r-- | www/templates/en/photo.html | 46 |
3 files changed, 53 insertions, 32 deletions
diff --git a/www/css/mobile.css b/www/css/mobile.css index f8ae45d..346f0c7 100644 --- a/www/css/mobile.css +++ b/www/css/mobile.css @@ -199,3 +199,25 @@ input.green-btn:hover { .ui-btn-icon-notext .ui-btn-inner { border: 0px !important; } + +div.photo { + margin: 0.1em 0em; + text-align: center; +} + +img.small { + max-width: 85%; + max-height: 45%; +} + +.right { + text-align: right; +} + +ul#existing { + margin: 0px; +} + +ul#existing li { + list-style: none; +} diff --git a/www/templates/en/existing.html b/www/templates/en/existing.html index 5406feb..7518cbb 100644 --- a/www/templates/en/existing.html +++ b/www/templates/en/existing.html @@ -5,24 +5,27 @@ <div class="content" role="main"> <h1>You have an unsubmitted report</h1> + <ul id="existing"> <% if ( title ) { %> - <p>title: <%= title %></p> + <li>title: <%= title %></li> <% } %> <% if ( details ) { %> - <p>details: <%= details %></p> + <li>details: <%= details %></li> <% } %> <% if ( category && category != '-- Pick a category --' ) { %> - <p>category: <%= category %></p> + <li>category: <%= category %></li> <% } %> - + </ul> <% if ( file ) { %> - <p><img src="<%= file %>" width="200"></p> + <div class="photo"><img class="small" src="<%= file %>"></div> <% } %> - <input id="use_report" type="button" value="use" /> - <input id="discard" type="button" value="discard" /> + <div class="right"> + <input id="use_report" type="button" value="use" class="green-btn" /> + <input id="discard" type="button" value="discard" class="green-btn" /> + </div> </div> </div> diff --git a/www/templates/en/photo.html b/www/templates/en/photo.html index a16369b..4abdc50 100644 --- a/www/templates/en/photo.html +++ b/www/templates/en/photo.html @@ -8,32 +8,28 @@ </div> <div class="container" data-enhance="false"> <div class="content" role="main"> - <div id="side-form"> - <fieldset> - <div id="problem_form"> - <% if ( file != '' ) { %> - <div id="add_photo" style="display: none"> - <% } else { %> - <div id="add_photo"> - <% } %> - <label>Optionally Add a Photo</label> - <input value="Take Photo" type="button" name="photo_button" id="id_photo_button" class="green-btn"> Or - <input value="Choose" type="button" name="existing" id="id_existing" class="green-btn"> - </div> - - <% if ( file == '' ) { %> - <div id="display_photo" style="display: none"> - <% } else { %> - <div id="display_photo"> - <% } %> - <label>Your Photo</label> - <img id="photo" src="<%= file %>" width="200" /> - <input value="Remove Photo" type="button" name="del_photo_button" id="id_del_photo_button" class="green-btn"> - </div> + <% if ( file != '' ) { %> + <div id="add_photo" style="display: none"> + <% } else { %> + <div id="add_photo"> + <% } %> + <label>Optionally Add a Photo</label> + <input value="Take Photo" type="button" name="photo_button" id="id_photo_button" class="green-btn"> Or + <input value="Choose" type="button" name="existing" id="id_existing" class="green-btn"> + </div> - <input type="hidden" name="photo" id="form_photo" value=""> - </div> - </fieldset> + <% if ( file == '' ) { %> + <div id="display_photo" style="display: none"> + <% } else { %> + <div id="display_photo"> + <% } %> + <label>Your Photo</label> + <div class="photo"> + <img class="small" id="photo" src="<%= file %>" /> + </div> + <div class="right"> + <input value="Remove Photo" type="button" name="del_photo_button" id="id_del_photo_button" class="green-btn"> + <div> </div> </div> </div> |