From a30577289111705726e673a0b631fff1e527af3d Mon Sep 17 00:00:00 2001
From: "shimoda.m@nds-tyo.co.jp" <shimoda.m@nds-tyo.co.jp>
Date: Wed, 5 Jul 2023 18:03:03 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=E3=83=9A=E3=83=BC=E3=82=B8=E3=83=8D?=
 =?UTF-8?q?=E3=83=BC=E3=82=B7=E3=83=A7=E3=83=B3=E3=81=AE=E3=83=87=E3=82=B6?=
 =?UTF-8?q?=E3=82=A4=E3=83=B3=E4=BF=AE=E6=AD=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/static/css/pagenation.css             | 35 ++++++++++++-------
 1 file changed, 22 insertions(+), 13 deletions(-)

diff --git a/ecs/jskult-webapp/src/static/css/pagenation.css b/ecs/jskult-webapp/src/static/css/pagenation.css
index 3edbf3b2..72e4aecc 100644
--- a/ecs/jskult-webapp/src/static/css/pagenation.css
+++ b/ecs/jskult-webapp/src/static/css/pagenation.css
@@ -3,10 +3,6 @@
   padding-top: 10px;
 }
 
-/* .paginationjs {
-  width: 100%;
-} */
-
 .paginationjs > .paginationjs-nav.J-paginationjs-nav{
   position: absolute;
   right: 0;
@@ -19,10 +15,12 @@ div.paginationjs-pages ul {
 }
 
 .paginationjs-pages > ul > li > a {
-  padding: 6px 18px;
+  padding: 6px 9px;
   color: white;
-  background-color: gainsboro;
-  border: 1px solid;
+  background-color: whitesmoke;
+  border: 1px solid #bbb;
+  border-radius: 3px;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2)
 }
 .paginationjs-pages > ul > li > a:hover {
   color: black;
@@ -31,27 +29,38 @@ div.paginationjs-pages ul {
 }
 .paginationjs-pages > ul > li.active > a {
   color: white;
-  background-color: gray;
+  background-color: #666666;
+  box-shadow: none;
 }
 .paginationjs-pages > ul > li.active > a:hover {
   color: white;
-  background-color: gray;
+  background-color: #666666;
   cursor: text;
 }
 .paginationjs-pages > ul > li.disabled > a {
   color: white;
-  background-color: gray;
-  cursor: text;
+  background-color: #666666;
+  box-shadow: none;
 }
 .paginationjs-pages > ul > li.disabled > a:hover {
   color: white;
-  background-color: gray;
+  background-color: #666666;
   cursor: text;
 }
 
-.paginationjs-page {
+.paginationjs-page,.paginationjs-prev,.paginationjs-next {
+  text-decoration: underline;
   margin: 0 4px;
 }
+
+.paginationjs-page:hover,.paginationjs-prev:hover,.paginationjs-next:hover {
+  text-decoration: none;
+}
+
+.paginationjs-page.active,.paginationjs-prev.disabled,.paginationjs-next.disabled {
+  text-decoration: none;
+}
+
 .paginationjs-pages > ul {
   display: flex;
   align-items: baseline;