improves list style

diff --git a/application/views/scripts/list/index.phtml b/application/views/scripts/list/index.phtml
index 745938165e9661ecc23a3c97b0d8aced3aebe68f..d76cb5f3efb2eaa9de42fcf3981b50be930dd351 100644 (file)
--- a/application/views/scripts/list/index.phtml
+++ b/application/views/scripts/list/index.phtml
@@ -8,11 +8,7 @@
         <p><?php echo $this->translate('SYJ needs javascript. Please activate scripts in your browser.');?></p>
     </noscript>
 
-    <div id="message"></div>
-
-
 <?php
-    print $this->localeSwitcher();
     if ($this->paginator->count() == 0) {
         $link = $this->Anchor($this->baseUrl(), $this->translate ("create a route"), array(), false);
         $noroutecontent = $this->translate("you have created no route yet, you may want to %s", $link);
@@ -21,6 +17,9 @@
         return;
     }
 
+    print '<div id="container">';
+    print '<div id="message"></div>';
+
     $pages = $this->paginator->getPages();
     if (isset($pages->previous) or isset($pages->next)) {
         print '<div id="navigation">';
@@ -54,9 +53,10 @@
         print '</div>';
     }
 
-    print '<div id="container">';
-    foreach ($this->paginator as $item) {
 
+    print $this->localeSwitcher();
+
+    foreach ($this->paginator as $item) {
         $map = sprintf('<div class="map" data-geom="%s"></div>', $this->escape($item->geom));
         $href = $this->url(array(
             'controller' => 'idx',
@@ -74,7 +74,7 @@
                 </div>
                 ',
                 (int)$item->id, $maplink, $modifylink,  $deletelink, $this->escape($item->displayTitle));
-
     }
+
     print '</div>';
 ?>

diff --git a/public/css/list.css b/public/css/list.css
index c2feb52883f48b9707923855439a186b3a0b3757..b8125f1c7eb4c5465d700e68563dfc928b2aa876 100644 (file)
--- a/public/css/list.css
+++ b/public/css/list.css
@@ -1,7 +1,16 @@
+#container {
+    position: absolute;
+    overflow: auto;
+    bottom: 2em;
+    top: 8px;
+    right: 0;
+    left: 0;
+}
+
 .item {
     float: left;
     width: 250px;
-    margin: 0px 10px 10px 10px;
+    margin: 10px 10px 10px 16px;
 }
 
 .geom {
@@ -29,17 +38,18 @@
 }
 
 .page-link {
-    margin-left: 10px;
-    margin-right: 10px;
+    margin-left: 16px;
+    margin-right: 16px;
+    font-size: x-large;
+    font-weight: bold;
+    text-decoration: none;
+}
+.page-link:link, .page-link:visited {
+    color: blue;
 }
 #navigation {
     text-align: center;
-}
-
-footer {
-    position: fixed;
-    z-index: 2000;
-    background-color: white;
+    margin-bottom: 8px;
 }
 
 .noroute {
@@ -69,7 +79,7 @@ footer {
 
 #other-language {
     margin: 10px 10px 20px 20px;
-    /* .item: 108px +.title: 32px + margin-bottom: 10px => 150px */
+    /* .item: 118px +.title: 32px + margin-bottom: 10px => 150px */
     /* margin: 30px + padding: 10px => height = 150 - 40 */
-    height: 110px;
+    height: 120px;
 }