fix pager style

diff --git a/src/newslash_web/css/main.less b/src/newslash_web/css/main.less
index 4e4a6c1..0e695ee 100644 (file)
--- a/src/newslash_web/css/main.less
+++ b/src/newslash_web/css/main.less
@@ -29,6 +29,7 @@
 @import "main/not_found.less";
 @import "main/motd.less";
 @import "main/messages.less";
+@import "main/pager.less";
 
 @import "main/type-compat.less";
 

diff --git a/src/newslash_web/css/main/pager.less b/src/newslash_web/css/main/pager.less
new file mode 100644 (file)
index 0000000..99ea56c
--- /dev/null
+++ b/src/newslash_web/css/main/pager.less
@@ -0,0 +1,14 @@
+@import "colors.less";
+
+.pager {
+    border: 1px solid @border-color-inactive;
+    padding: 6px;
+    margin: 0 0 10px;
+    box-shadow: 0 0 1px @border-color-inactive;
+    background: @article-background;
+    min-height: 2em;
+    font-weight: bold;
+
+    .prev { float: left; }
+    .next { float: right; }
+}

diff --git a/src/newslash_web/templates/archive/index.html.tt2 b/src/newslash_web/templates/archive/index.html.tt2
index 6690629..34855b2 100644 (file)
--- a/src/newslash_web/templates/archive/index.html.tt2
+++ b/src/newslash_web/templates/archive/index.html.tt2
@@ -14,19 +14,21 @@
     [%- FOREACH story IN items -%]
     [%- INCLUDE common/article/article %]
     [%- END -%]
-  </div><!-- .index -->
-  <div class="pager">
-    [%- IF prev -%]
-    <span class="prev">
-      <a href="/[% archive_type %]/[% prev %]/">≪前</a>
-    </span>
-    [%- END -%]
+
+    <div class="pager">
+      [%- IF prev -%]
+      <span class="prev">
+        <a href="/[% archive_type %]/[% prev %]/">≪前</a>
+      </span>
+      [%- END -%]
     [%- IF next -%]
-    <span class="next">
-      <a href="/[% archive_type %]/[% next %]/">次≫</a>
-    </span>
-    [%- END -%]
-  </div>
+      <span class="next">
+        <a href="/[% archive_type %]/[% next %]/">次≫</a>
+      </span>
+      [%- END -%]
+    </div>
+
+  </div><!-- .index -->
 </div>
 
 [%- INCLUDE common/sidebar -%]

diff --git a/src/newslash_web/templates/timeline/base.html.tt2 b/src/newslash_web/templates/timeline/base.html.tt2
index 2852337..2bd20c5 100644 (file)
--- a/src/newslash_web/templates/timeline/base.html.tt2
+++ b/src/newslash_web/templates/timeline/base.html.tt2
@@ -5,15 +5,16 @@
     [%- FOREACH story IN items -%]
     [%- INCLUDE common/article/article %]
     [%- END -%]
-  </div><!-- .index -->
 
-  <div class="pager">
-    [%- IF prev -%]
-    <span class="prev">
-      <a href="/[% prev.type %]/[% prev.date %]/[% IF prev.id %]#[% prev.id %][% END %]">≪前の記事</a>
-    </span>
-    [%- END -%]
-  </div>
+    <div class="pager">
+      [%- IF prev -%]
+      <span class="prev">
+        <a href="/[% prev.type %]/[% prev.date %]/[% IF prev.id %]#[% prev.id %][% END %]">≪前の記事</a>
+      </span>
+      [%- END -%]
+    </div>
+
+  </div><!-- .index -->
 </div>
 
 [%- INCLUDE common/sidebar -%]