From 1507a0b01e98cdb216e58bc8b935b94f58fb3410 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Wed, 12 Aug 2020 22:27:31 +0200
Subject: [PATCH] Small tweak

---
 components/01_Atoms/_atoms.scss           |  3 ++-
 components/01_Atoms/message/_message.scss |  1 +
 public/main.css                           | 30 ++++++++++++++++++++++-
 3 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/components/01_Atoms/_atoms.scss b/components/01_Atoms/_atoms.scss
index f1438fd..6cd4b9a 100644
--- a/components/01_Atoms/_atoms.scss
+++ b/components/01_Atoms/_atoms.scss
@@ -8,4 +8,5 @@
 @import 'image/image';
 @import 'logo/logo';
 @import 'tag/tag';
-@import 'message/message';
\ No newline at end of file
+@import 'message/message';
+@import 'pagination/pagination';
\ No newline at end of file
diff --git a/components/01_Atoms/message/_message.scss b/components/01_Atoms/message/_message.scss
index 233bbbf..8268342 100644
--- a/components/01_Atoms/message/_message.scss
+++ b/components/01_Atoms/message/_message.scss
@@ -64,5 +64,6 @@
 		display: flex;
 		flex-direction: column;
 		justify-content: center;
+		padding: 8px;
 	}
 }
\ No newline at end of file
diff --git a/public/main.css b/public/main.css
index 2367c48..e1eb4e9 100644
--- a/public/main.css
+++ b/public/main.css
@@ -1,3 +1,4 @@
+@charset "UTF-8";
 @font-face {
   font-family: Crimson;
   src: url("fonts/Crimson/CrimsonText-Regular.ttf"), url("fonts/Crimson/CrimsonText-Bold.ttf"), url("fonts/Crimson/CrimsonText-Italic.ttf"); }
@@ -246,7 +247,34 @@ body {
     flex-grow: 1;
     display: flex;
     flex-direction: column;
-    justify-content: center; }
+    justify-content: center;
+    padding: 8px; }
+
+.LP-Pagination {
+  font-family: Montserrat, Helvetica, sans-serif;
+  font-weight: bold; }
+  .LP-Pagination .LP-Pagination__List {
+    list-style-type: none;
+    display: flex;
+    flex-direction: row; }
+  .LP-Pagination .LP-Pagination__Item {
+    margin: 0 4px; }
+    .LP-Pagination .LP-Pagination__Item--current .LP-Link {
+      background-color: #C09F80;
+      border-radius: 2px; }
+      .LP-Pagination .LP-Pagination__Item--current .LP-Link:hover {
+        background-color: #C09F80;
+        color: #565656; }
+  .LP-Pagination .LP-Link {
+    padding: 15px 25px; }
+    .LP-Pagination .LP-Link:active, .LP-Pagination .LP-Link:hover {
+      background-color: #D7CEC7;
+      border-radius: 2px;
+      color: #565656; }
+  .LP-Pagination .LP-Pagination__Previous:before {
+    content: "«"; }
+  .LP-Pagination .LP-Pagination__Next:before {
+    content: "»"; }
 
 .LP-Content {
   padding: 35px; }