Tweak css of month view, consistent navigation header, fix typo

diff --git a/kronolith/js/mobile.js b/kronolith/js/mobile.js
index c6f1236..0c91b6b 100644 (file)
--- a/kronolith/js/mobile.js
+++ b/kronolith/js/mobile.js
@@ -663,7 +663,7 @@
             break;
 
         case 'month':
-            if (map == 'swipeleft') {
+            if (map.type == 'swipeleft') {
                 KronolithMobile.showNextMonth();
             } else {
                 KronolithMobile.showPrevMonth();

diff --git a/kronolith/templates/mobile/month.html.php b/kronolith/templates/mobile/month.html.php
index 887eae9..a322bf3 100644 (file)
--- a/kronolith/templates/mobile/month.html.php
+++ b/kronolith/templates/mobile/month.html.php
@@ -13,15 +13,15 @@
         <li><a href="#overview"><?php echo _("Summary")?></a></li>
       </ul>
     </div>
+    <div class="kronolithMonthHeader ui-bar-b">
+     <a href="#" data-role="button" data-icon="arrow-l" data-iconpos="notext" id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
+     <span id="kronolithMinicalDate"><?php echo $this->today->format('F Y') ?></span>
+     <a href="#" data-role="button" id="kronolithMinicalNext" data-icon="arrow-r" data-iconpos="notext" title="<?php echo _("Next month") ?>">&gt;</a>
+    </div>
   </div>
-  <div data-role="content" class="ui-body" id="monthcontent">
+  <div data-role="content" class="bld" id="monthcontent">
     <div id="kronolithMinical" class="kronolithMinical">
       <table>
-        <caption>
-          <a href="#" id="kronolithMinicalPrev" title="<?php echo _("Previous month") ?>">&lt;</a>
-          <a href="#" id="kronolithMinicalNext" title="<?php echo _("Next month") ?>">&gt;</a>
-          <span id="kronolithMinicalDate"><?php echo $this->today->format('F Y') ?></span>
-        </caption>
         <thead>
           <tr>
             <?php for ($i = $GLOBALS['prefs']->getValue('week_start_monday'), $c = $i + 7; $i < $c; $i++): ?>

diff --git a/kronolith/themes/mobile.css b/kronolith/themes/mobile.css
index d4835a6..c009fad 100644 (file)
--- a/kronolith/themes/mobile.css
+++ b/kronolith/themes/mobile.css
@@ -64,7 +64,7 @@
 }
 /* Mini calendar */
 .kronolithMinical {
-    position: relative;
+
 }
 #kronolithMinical {
 }
@@ -72,8 +72,7 @@
     width: 100%;
     border-spacing: 0;
 }
-.kronolithMinical caption, #kronolithBody .kronolithMinical caption {
-    position: relative;
+#kronolithBody .kronolithMinical caption {
     margin: 0 1px 1px 1px;
     height: 20px;
     line-height: 20px;
@@ -82,25 +81,13 @@
     border-bottom: 1px #999 dotted;
     text-align: left;
 }
-.kronolithMinical caption span {
-    overflow: hidden;
-    white-space: nowrap;
-    cursor: pointer;
-}
-#kronolithMinicalPrev, #kronolithMinicalNext {
-    position: absolute;
-    top: 0;
-    right: 0;
-    width: 16px;
-    text-indent: -10000px;
-    cursor: pointer;
-    background: transparent url("graphics/right.png") no-repeat right center;
+
+.kronolithMonthHeader {
+  text-align: center;
 }
-#kronolithMinicalPrev {
-    background-image: url("graphics/left.png");
-    right: 15px;
+.kronolithMonthHeader a {
+    vertical-align: middle;
 }
-
 .kronolithMinical th, .kronolithMinical td {
     font-size: 90%;
 }