From 1071a9bcc06ad0eaa9287c08e29c03c716ed8035 Mon Sep 17 00:00:00 2001
From: Vrifox <gitea@vrifox.cc>
Date: Mon, 4 Jan 2021 22:57:35 +0100
Subject: [PATCH] modified lightbox appearance

---
 scss/import/blog.scss | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/scss/import/blog.scss b/scss/import/blog.scss
index 05ee1e2..15cae10 100644
--- a/scss/import/blog.scss
+++ b/scss/import/blog.scss
@@ -264,25 +264,32 @@ body {
               background: var(--global--color-background);
               .slb_data_content {
                 display: grid;
-                grid-template-columns: auto 100px;
+                grid-template-areas: "title status" "desc  desc";
+                margin: 10px;
                 .slb_data_title {
                   color: var(--global--color-primary);
                   font-family: var(--global--font-primary);
                   font-size: var(--global--font-size-xs);
                   font-weight: 500;
+                  grid-area: title;
                   letter-spacing: 0;
-                  margin: 10px; // gleichmaessiger Rand
+                  margin: 0;
                 }
                 .slb_group_status {
                   color: var(--global--color-primary);
                   font-family: var(--global--font-primary);
                   font-size: var(--global--font-size-xss);
                   font-style: unset;
-                  margin: auto 10px;
+                  grid-area: status;
+                  margin: auto 0;
                   text-align: center;
                 }
                 .slb_data_desc {
-                  margin-top: 0;
+                  color: var(--global--color-primary);
+                  font-family: var(--global--font-primary);
+                  font-size: var(--global--font-size-xss);
+                  grid-area: desc;
+                  margin: 0;
                 }
               }
             }