personalweb

commit f188753bf7bc5aeb0d61768043fd5dd433768277
parent ef98881f05cbe1c159e2e5143e0241673f82304e
Author: Wim Dupont <wim@wimdupont.com>
Date:   Sun, 13 Feb 2022 13:28:09 +0100

styling update


Former-commit-id: 12312f481aa9df266ee8c21c74529895ac5dba08
Diffstat:
M
src/main/resources/static/css/main.css
 | 
18
++++++++----------
M
src/main/resources/templates/books.html
 | 
4
++--

2 files changed, 10 insertions(+), 12 deletions(-)
diff --git a/src/main/resources/static/css/main.css b/src/main/resources/static/css/main.css
@@ -1,6 +1,6 @@
 body {
 	background: linear-gradient(black, #2d2a29) fixed;
-    color: #e4e4e4;
+    color: lightgrey;
     margin-bottom: 100px ;
     font-family: sans-serif;
 }
@@ -21,7 +21,6 @@ nav a {
     padding: 10px;
 }
 
-
 nav .right {
     margin-left: auto;
 }
@@ -31,8 +30,7 @@ table {
     margin-left: auto;
     margin-right: auto;
     table-layout: fixed;
-    width: 95%;
-    border: 0px;
+    width: 98%;
 }
 
 td, th {
@@ -40,8 +38,8 @@ td, th {
     padding: 5px;
 }
 
-td:nth-child(2) {
-    text-align: left;
+tr {
+    border-bottom: dotted thin #694333;
 }
 
 tr:hover {
@@ -89,11 +87,11 @@ a:hover {
     padding-left: 80px;
 }
 
-.tblcat {
-    color: cyan;
-}
-
 .source-credit {
     text-align: right;
     font-size: 60%;
 }
+
+.align-right {
+    text-align: right;
+}
diff --git a/src/main/resources/templates/books.html b/src/main/resources/templates/books.html
@@ -14,7 +14,7 @@
     <p class="subheader">This is the collection of books of which I own a physical copy</p>
 
     <th:block th:each="bookEntry : ${books}">
-        <p class="tblcat" th:text="${bookEntry.key}">keyvalue</p>
+        <p th:text="${bookEntry.key}">keyvalue</p>
         <table>
             <tr th:each="book : ${bookEntry.value}">
                 <td><a th:target="_blank"
@@ -24,7 +24,7 @@
                   (${book.seriesNumber} ? ' #' + ${#strings.replace(book.seriesNumber, '.0', '')} : '')
                     + ')' : '' )"/>
                 </td>
-                <td class="td-author" th:text="${book.author}"/>
+                <td class="align-right" th:text="${book.author}"/>
             </tr>
         </table>
     </th:block>