More mobile view improvements, various

tailbone/static/css/mobile.css

@@ -3,21 +3,29 @@
  * Global styles for mobile templates
  ****************************************/
 
+/* main user menu button when root */
 [data-role="header"] a.root-user,
 [data-role="header"] a.root-user:hover {
     background-color: red;
 }
 
+/* become/stop root menu links */
 #usermenu .root-user a {
     background-color: red;
 }
 
+/* normal flash messages */
+.flash {
+    color: green;
+    margin-bottom: 1em;
+}
+
+/* error flash messages */
+.error {
+    color: red;
+    margin-bottom: 1em;
+}
+
 .replacement-header {
     display: none;
 }
-
-/* used by login page */
-.error {
-    color: red;
-    margin-bottom: 1em;
-}

tailbone/static/js/tailbone.mobile.js

@@ -36,6 +36,11 @@ $(document).on('pageshow', function() {
     if (el.is(':visible')) {
         el.focus();
     }
+
+    // TODO: seems like this should be better somehow...
+    // remove all flash messages after 2.5 seconds
+    window.setTimeout(function() { $('.flash, .error').remove(); }, 2500);
+
 });