Make the view bar an UL.

diff --git a/kronolith/templates/index/index.inc b/kronolith/templates/index/index.inc
index a9b5fe8..8e9a273 100644 (file)
--- a/kronolith/templates/index/index.inc
+++ b/kronolith/templates/index/index.inc
@@ -38,14 +38,16 @@
     <div><?php echo $today->strftime('%a, %e %b %Y') ?></div>
   </div>
   <div id="kronolithNav">
-    <a id="kronolithNavDay" accesskey="1"><span><?php echo _("Day") ?></span></a>
-    <a id="kronolithNavWeek" accesskey="2"><span><?php echo _("Week") ?></span></a>
-    <a id="kronolithNavMonth" accesskey="3"><span><?php echo _("Month") ?></span></a>
-    <a id="kronolithNavYear" accesskey="4"><span><?php echo _("Year") ?></span></a>
+    <ul>
+      <li><a id="kronolithNavDay" accesskey="1"><span><?php echo _("Day") ?></span></a></li>
+      <li><a id="kronolithNavWeek" accesskey="2"><span><?php echo _("Week") ?></span></a></li>
+      <li><a id="kronolithNavMonth" accesskey="3"><span><?php echo _("Month") ?></span></a></li>
+      <li><a id="kronolithNavYear" accesskey="4"><span><?php echo _("Year") ?></span></a></li>
     <?php if ($GLOBALS['registry']->hasInterface('tasks')): ?>
-    <a id="kronolithNavTasks" accesskey="5"><span><?php echo _("Tasks") ?></span></a>
+      <li><a id="kronolithNavTasks" accesskey="5"><span><?php echo _("Tasks") ?></span></a></li>
     <?php endif; ?>
-    <a id="kronolithNavAgenda" accesskey="<?php echo $GLOBALS['registry']->hasInterface('tasks') ? 6 : 5 ?>"><span><?php echo _("Agenda") ?></span></a>
+      <li><a id="kronolithNavAgenda" accesskey="<?php echo $GLOBALS['registry']->hasInterface('tasks') ? 6 : 5 ?>"><span><?php echo _("Agenda") ?></span></a></li>
+    </ul>
   </div>
 </div>
 <!-- end top bar -->

diff --git a/kronolith/themes/screen.css b/kronolith/themes/screen.css
index 626e77d..e671bc7 100644 (file)
--- a/kronolith/themes/screen.css
+++ b/kronolith/themes/screen.css
@@ -704,6 +704,13 @@ a.kronolithFormCancel {
     height: 23px;
     line-height: 23px;
 }
+#kronolithNav ul {
+    float: left;
+    list-style: none;
+}
+#kronolithNav li {
+    float: left;
+}
 #kronolithNav a {
     display: block;
     float: left;
@@ -718,23 +725,18 @@ a.kronolithFormCancel {
     cursor: pointer;
     border: 1px solid #999;
 }
-#kronolithNav a:first-child {
+#kronolithNav li:first-child a {
     -moz-border-radius: 5px 0 0 5px;
     -webkit-border-top-left-radius: 5px;
     -webkit-border-bottom-left-radius: 5px;
     border-radius: 5px 0 0 5px;
 }
-#kronolithNav a:last-child {
+#kronolithNav li:last-child a {
     -moz-border-radius: 0 5px 5px 0;
     -webkit-border-top-right-radius: 5px;
     -webkit-border-bottom-right-radius: 5px;
     border-radius: 0 5px 5px 0;
 }
-#kronolithNav a:first-child:last-child {
-    -moz-border-radius: 5px;
-    -webkit-border-radius: 5px;
-    border-radius: 5px;
-}
 #kronolithNav a:hover, #kronolithNav a.on {
     background-color: #d9d9d9;
 }