From 10c08a2f5e25e8565fb95b0f4a8e4bf0081d1d27 Mon Sep 17 00:00:00 2001
From: reverend <reverend@reverend2048.de>
Date: Sat, 10 Apr 2021 08:24:33 +0200
Subject: [PATCH] Current CSS

---
 django_lostplaces/lostplaces/static/main.css | 37 +++++++++++---------
 1 file changed, 20 insertions(+), 17 deletions(-)

diff --git a/django_lostplaces/lostplaces/static/main.css b/django_lostplaces/lostplaces/static/main.css
index a242677..3d95d0b 100644
--- a/django_lostplaces/lostplaces/static/main.css
+++ b/django_lostplaces/lostplaces/static/main.css
@@ -858,6 +858,13 @@ body {
   .LP-Pagination .LP-Pagination__Item .LP-Link {
     padding: 8px 11px; } }
 
+.LP-Select {
+  display: block;
+  cursor: pointer; }
+  .LP-Select:checked,
+  :checked + .LP-Select, .LP-Select--active {
+    box-shadow: 0 0 3px 3px #C09F80; }
+
 .LP-Content {
   padding: 35px; }
 
@@ -1060,19 +1067,13 @@ body {
       padding: 5px;
       font-size: 25px; }
   .LP-UserInfo__Meta {
-    margin-top: 10px;
     padding: 5px; }
     .LP-UserInfo__Meta * {
       font-family: "Montserrat", Helvetica, sans-serif;
       font-size: 18px; }
     .LP-UserInfo__Meta .LP-UserInfo__Key {
       padding-right: 25px;
-      font-weight: bold;
-      white-space: nowrap; }
-    .LP-UserInfo__Meta .LP-UserInfo__Value {
-      white-space: nowrap; }
-  .LP-UserInfo__Edit {
-    margin-top: 10px; }
+      font-weight: bold; }
 
 .LP-Header {
   display: flex;
@@ -1681,6 +1682,12 @@ body {
       object-position: botom; }
     .LP-ImageGrid__Item--center img {
       object-position: center; }
+    .LP-ImageGrid__Item img {
+      height: unset;
+      width: unset; }
+    .LP-ImageGrid__Item .LP-Image {
+      height: 100%;
+      width: 100%; }
     .LP-ImageGrid__Item--add .LP-Link {
       width: 100%;
       height: 100%;
@@ -1734,12 +1741,17 @@ body {
     .LP-ImageGrid__LightBox:target {
       visibility: visible;
       display: grid;
+      justify-items: center;
       grid-template-areas: 'picture picture' 'previous next';
       grid-template-rows: 1fr 4rem;
       grid-template-columns: 1fr 1fr;
       pointer-events: initial; }
   .LP-ImageGrid__FullSizeImage {
-    grid-area: picture; }
+    grid-area: picture;
+    max-width: 100%;
+    max-height: 100%;
+    height: unset;
+    width: unset; }
   .LP-ImageGrid__Previous {
     grid-area: previous;
     align-self: center;
@@ -1800,15 +1812,6 @@ body {
     flex-shrink: 1;
     flex-basis: max-content; }
 
-@media (max-width: 1000px) {
-  .LP-UserProfile {
-    flex-direction: column-reverse;
-    gap: 35px; }
-    .LP-UserProfile__Info {
-      flex-basis: 100%; }
-      .LP-UserProfile__Info .LP-UserInfo {
-        max-width: unset; } }
-
 .LP-MainContainer {
   margin: 0 auto;
   max-width: 1280px; }