From 6482d622b217c4fff2d27b288c0218f8554049a3 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Thu, 13 Aug 2020 11:18:29 +0200
Subject: [PATCH] CSS

---
 lostplaces/lostplaces_app/static/main.css | 63 +++++++++++++++++++----
 1 file changed, 53 insertions(+), 10 deletions(-)

diff --git a/lostplaces/lostplaces_app/static/main.css b/lostplaces/lostplaces_app/static/main.css
index fcb0d5e..6e9670a 100644
--- a/lostplaces/lostplaces_app/static/main.css
+++ b/lostplaces/lostplaces_app/static/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"); }
@@ -208,36 +209,75 @@ body {
 .LP-Message {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  justify-content: center;
+  align-items: stretch;
   background-color: #f9f9f9;
   font-family: Montserrat, Helvetica, sans-serif;
   border-radius: 3px;
   font-weight: bold;
-  box-shadow: 0 0 2px #565656; }
+  box-shadow: 0 0 2px #565656;
+  overflow: hidden; }
   .LP-Message--error .LP-Message__Icon {
     background-color: #02979e;
-    background-image: url("icons/error.png"); }
+    background-image: url("/icons/error.png"); }
   .LP-Message--warning .LP-Message__Icon {
     background-color: #0047e7;
-    background-image: url("icons/error.png"); }
+    background-image: url("/icons/error.png"); }
   .LP-Message--info .LP-Message__Icon {
     background-color: #522719;
-    background-image: url("icons/information.svg"); }
+    background-image: url("/icons/information.svg"); }
   .LP-Message--success .LP-Message__Icon {
     background-color: #6937ff;
-    background-image: url("icons/success.svg"); }
+    background-image: url("/icons/success.svg"); }
   .LP-Message--debug .LP-Message__Icon {
     background-color: #046a2f;
-    background-image: url("icons/debug.png"); }
+    background-image: url("/icons/debug.png"); }
   .LP-Message .LP-Message__Icon {
     background-size: 40px 40px;
     background-repeat: no-repeat;
     background-position: center;
-    height: 50px;
+    height: 100%;
+    min-height: 50px;
     width: 50px;
-    filter: invert(1); }
+    filter: invert(1);
+    flex-shrink: 0;
+    flex-grow: 0; }
   .LP-Message .LP-Message__Text {
-    padding: 0 15px; }
+    padding: 0 15px;
+    flex-grow: 1;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    padding: 8px; }
+
+.LP-Pagination {
+  font-family: Montserrat, Helvetica, sans-serif;
+  font-weight: bold;
+  display: flex;
+  flex-direction: row;
+  justify-content: center; }
+  .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: #D7CEC7;
+      border-radius: 2px; }
+      .LP-Pagination .LP-Pagination__Item--current .LP-Link:hover {
+        background-color: #D7CEC7;
+        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; }
@@ -462,6 +502,9 @@ body {
     min-width: 450px;
     margin: 18px 0; }
 
+.LP-PlaceList .LP-Pagination {
+  margin-top: 50px; }
+
 .LP-LinkList__List {
   list-style-type: none;
   display: grid;