better looking navigation buttons

2 files changed, 29 insertions, 0 deletions

diff --git a/www/css/mobile.css b/www/css/mobile.css
index 44015c1..f8ae45d 100644
--- a/www/css/mobile.css
+++ b/www/css/mobile.css
@@ -175,3 +175,27 @@ input.green-btn:hover {
     height: 100%;
     margin: 0px;
 }
+
+/* Jquery mobile overrides */
+
+.ui-btn, .ui-btn-corner-all, .ui-btn-inner {
+    text-decoration: none !important;
+    border: 0px !important;
+    background: none !important;
+}
+
+.ui-icon {
+    background-color: inherit !important;
+}
+
+.ui-btn-left .ui-btn-inner {
+    border-right: 1px solid #7fb900 !important;
+}
+
+.ui-btn-right .ui-btn-inner {
+    border-left: 1px solid #7fb900 !important;
+}
+
+.ui-btn-icon-notext .ui-btn-inner {
+    border: 0px !important;
+}
diff --git a/www/js/mobile.js b/www/js/mobile.js
index 5af1795..c0ffe23 100644
--- a/www/js/mobile.js
+++ b/www/js/mobile.js
@@ -907,3 +907,8 @@ $(document).on('vclick', '#submit-page a.ui-btn-left', submit_nav);
 $(document).on('vclick', '#front-page #use_saved', complete_report);
 $(document).on('vclick', '#front-page #delete_saved', delete_saved_report);
 $(document).on('vclick', '#front-page #continue', keep_saved_report);
+
+$(document).on( 'pagebeforeshow', '.ui-page', function() {
+    $('a.ui-btn').buttonMarkup({ corners: false, shadow: false, iconshadow: false });
+});
+