changed pagination appearance

1 files changed, 37 insertions, 3 deletions

diff --git a/public/style.css b/public/style.css
index a62ef9c..fcdf26a 100644
--- a/public/style.css
+++ b/public/style.css
@@ -21,6 +21,33 @@ footer {
   margin-top: 2rem;
 }
 
+.pagination-box {
+  list-style: none;
+  padding-left: 0px;
+  display: flex;
+}
+  .pagination-box > li > a, .pagination-box > li > span {
+    border: 1px solid blue;
+    text-decoration: none;
+    padding: 0.5em;
+    display: block;
+    margin-left: -1px;
+    background-color: white;
+  }
+  .pagination-box > li > a:hover {
+    background-color: #eee;
+  }
+  .pagination-box > li > a.disabled {
+    pointer-events: none;
+    cursor: default;
+    background-color: var(--jwm-color-back);
+  }
+  .pagination-box > li > a.current {
+    pointer-events: none;
+    cursor: default;
+    background-color: lightblue;
+  }
+
 .jwm-base {
   background-color: var(--jwm-color-back);
   border-radius: 5px;
@@ -57,9 +84,9 @@ footer {
 }
 
 .jwm-mail-body {
-    width: 80%;
-    margin: 1rem auto;
-    padding: 10px;
+  width: 90%;
+  margin: 1rem auto;
+  padding: 10px;
 }
 
 iframe.jwm-mail-body-text-html {
@@ -69,8 +96,15 @@ iframe.jwm-mail-body-text-html {
 
 .jwm-mail-body-text-plain {
   background-color: var(--jwm-color-alt);
+  /* word-wrap: break-word; */
+  padding: 5pt;
 }
 
+  .jwm-mail-body-text-plain > pre {
+    font-family: sans-serif;
+    overflow: auto;
+  }
+
 /* make sure this lines up with pure-md class */
 @media screen and (max-width: 48em) {
   .hide-small {