diff options
-rw-r--r-- | www/css/fms.css | 9 | ||||
-rw-r--r-- | www/templates/en/login.html | 4 | ||||
-rw-r--r-- | www/templates/en/offline.html | 10 | ||||
-rw-r--r-- | www/templates/en/submit_confirm.html | 24 | ||||
-rw-r--r-- | www/templates/en/submit_email.html | 10 | ||||
-rw-r--r-- | www/templates/en/submit_name.html | 12 | ||||
-rw-r--r-- | www/templates/en/submit_password.html | 32 |
7 files changed, 67 insertions, 34 deletions
diff --git a/www/css/fms.css b/www/css/fms.css index 93c812c..82fb30e 100644 --- a/www/css/fms.css +++ b/www/css/fms.css @@ -30,6 +30,14 @@ textarea{ min-height: 10em; } + .inputcard { + font-size: 16px; + padding:0; + } + .inputcard .ui-checkbox, + .inputcard .ui-controlgroup .ui-checkboxo{ + margin: 0px; + } .gmailstyletest{ /*width:100%;*/ /*max-width:100%;*/ @@ -39,6 +47,7 @@ margin-left: -15px; margin-right: -15px; } + .inputcard > div, .gmailstyletest > div, .ui-field-contain { diff --git a/www/templates/en/login.html b/www/templates/en/login.html index 8f742c0..ad019e0 100644 --- a/www/templates/en/login.html +++ b/www/templates/en/login.html @@ -9,12 +9,12 @@ <p>You are signed in as <%= email %></p> <input type="button" id="logout" name="logout" value="Sign Out" data-theme="a"> </div> - <div id="password_row" class="gmailstyletest nodisplay"> + <div id="password_row" class="inputcard nodisplay"> <p> Signed out! </p> <% } else { %> - <div id="password_row" class="gmailstyletest"> + <div id="password_row" class="inputcard"> <% } %> <div> <input data-role="none" type="email" value="" name="email" id="form_email" placeholder="Your Email" required> diff --git a/www/templates/en/offline.html b/www/templates/en/offline.html index 36fa2f5..8a7bd19 100644 --- a/www/templates/en/offline.html +++ b/www/templates/en/offline.html @@ -31,10 +31,14 @@ <% } %> </p> - <div class="gmailstyletest"> - <input data-role="none" type="text" value="<%= title %>" name="title" id="form_title" placeholder="Provide a title" required> + <div class="inputcard"> + <div> + <input data-role="none" type="text" value="<%= title %>" name="title" id="form_title" placeholder="Provide a title" required> + </div> - <textarea data-role="none" rows="7" cols="26" name="detail" id="form_detail" placeholder="Please fill in details of the problem." required><%= details %></textarea> + <div> + <textarea data-role="none" rows="7" cols="26" name="detail" id="form_detail" placeholder="Please fill in details of the problem." required><%= details %></textarea> + </div> <% if ( file != '' ) { %> <div id="add_photo" style="display: none"> diff --git a/www/templates/en/submit_confirm.html b/www/templates/en/submit_confirm.html index 184bbee..255b21c 100644 --- a/www/templates/en/submit_confirm.html +++ b/www/templates/en/submit_confirm.html @@ -3,21 +3,25 @@ </div> <div data-role="content"> - <div class="gmailstyletest"> - <p> - You are logged in as <%= user.email %>. - </p> + <p> + You are logged in as <%= user.email %>. + </p> - <p> - Please confirm your name, if you want it to be public and optionally your phone number. - </p> + <p> + Please confirm your name, if you want it to be public and optionally your phone number. + </p> - <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Please enter your name" required> - <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number"> + <div class="inputcard"> + <div> + <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Please enter your name" required> + </div> + <div> + <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number"> + </div> <div class="checkbox-group"> <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked> <label class="inline" for="form_may_show_name">Show my name publicly</label> </div> - <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Report"> </div> + <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Report"> </div> diff --git a/www/templates/en/submit_email.html b/www/templates/en/submit_email.html index 9dab48a..641e276 100644 --- a/www/templates/en/submit_email.html +++ b/www/templates/en/submit_email.html @@ -3,9 +3,11 @@ </div> <div data-role="content"> - <div class="gmailstyletest"> - <input data-role="none" type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Please enter your email address" required> - <input data-role="button" data-theme="a" type="button" id="have_password" name="have_password" value="I have a password"> - <input data-role="button" data-theme="a" type="button" id="email_confirm" name="email_confirm" value="I don't"> + <div class="inputcard"> + <div> + <input data-role="none" type="email" value="<%= user.email %>" name="email" id="form_email" placeholder="Please enter your email address" required> + </div> </div> + <input data-role="button" data-theme="a" type="button" id="have_password" name="have_password" value="I have a password"> + <input data-role="button" data-theme="a" type="button" id="email_confirm" name="email_confirm" value="I don't"> </div> diff --git a/www/templates/en/submit_name.html b/www/templates/en/submit_name.html index 8439964..5b87c62 100644 --- a/www/templates/en/submit_name.html +++ b/www/templates/en/submit_name.html @@ -1,11 +1,15 @@ -<div id="submit-header" data-role="header" data-position="fixed" data-id="locate"> +<div id="submit-header" data-role="header"> <h1>Your details</h1> </div> <div data-role="content"> - <div class="gmailstyletest"> - <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Please enter your name" required> - <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number"> + <div class="inputcard"> + <div> + <input data-role="none" type="text" value="<%= user.name %>" name="name" id="form_name" placeholder="Please enter your name" required> + </div> + <div> + <input data-role="none" type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number"> + </div> <div data-role="fieldcontain"> <fieldset data-role="controlgroup"> <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked> diff --git a/www/templates/en/submit_password.html b/www/templates/en/submit_password.html index 4cb9a48..e1af0d0 100644 --- a/www/templates/en/submit_password.html +++ b/www/templates/en/submit_password.html @@ -3,19 +3,29 @@ </div> <div data-role="content"> - <div class="gmailstyletest"> - <div id="password_row"> - <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Your password" required> - <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Report"> + <div id="password_row"> + <div class="inputcard"> + <div> + <input data-role="none" type="password" value="" name="password" id="form_password" placeholder="Your password" required> + </div> </div> - <div id="check_name" class="nodisplay"> - <input data-role="none" type="text" value="" id="form_name" name="name"> - <input data-role="none"type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number"> - <div class="checkbox-group"> - <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked> - <label class="inline" for="form_may_show_name">Show my name publicly</label> + <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Report"> + </div> + <div id="check_name" class="nodisplay"> + <div class="inputcard"> + <div> + <input data-role="none" type="text" value="" id="form_name" name="name"> + </div> + <div> + <input data-role="none"type="tel" value="<%= user.phone %>" name="name" id="form_phone" placeholder="Please enter your phone number"> + </div> + <div data-role="fieldcontain"> + <fieldset data-role="controlgroup"> + <input type="checkbox" name="may_show_name" id="form_may_show_name" value="1" checked> + <label for="form_may_show_name">Show my name publicly</label> + </fieldset> </div> - <input data-role="none" type="button" id="report" name="report" value="Confirm name"> </div> + <input data-role="button" data-theme="a" type="button" id="report" name="report" value="Confirm name"> </div> </div> |