From 88442b7b606f382d1789e9107d04f1b7de6414c4 Mon Sep 17 00:00:00 2001
From: Dan Grebb <git@dgrebb.com>
Date: Thu, 8 Feb 2024 19:26:12 -0500
Subject: [PATCH] wip(front): adjust category and post title padding (#1216)

---
 .gitignore                               |  1 +
 front/src/lib/styles/base/layout.css     |  1 -
 front/src/lib/styles/pages/category.css  | 40 ++++++++++++------------
 front/src/lib/styles/pages/post.css      | 14 +++++----
 front/src/routes/privacy/+page.server.js |  2 +-
 5 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/.gitignore b/.gitignore
index 59893afb7..011952a1a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -140,6 +140,7 @@ crash.*.log
 ############################
 _ci/backstop/bd/bitmaps_test/*
 _ci/backstop/bd/html_report/*
+_ci/backstop/bd/bitmaps_reference/local
 
 ############################
 # Browser Performance Tests
diff --git a/front/src/lib/styles/base/layout.css b/front/src/lib/styles/base/layout.css
index 5be1840c6..c936e647a 100644
--- a/front/src/lib/styles/base/layout.css
+++ b/front/src/lib/styles/base/layout.css
@@ -20,7 +20,6 @@
   display: flex;
   position: relative;
   align-items: center;
-  z-index: 9;
   padding: 1.25rem 0 0 1rem;
 }
 
diff --git a/front/src/lib/styles/pages/category.css b/front/src/lib/styles/pages/category.css
index 653feee2f..bd2aa27db 100644
--- a/front/src/lib/styles/pages/category.css
+++ b/front/src/lib/styles/pages/category.css
@@ -6,9 +6,11 @@
     position: relative;
     flex-direction: column;
     align-items: center;
+    padding-bottom: 0;
     font-family: var(--font-lb);
   }
   h1.page-heading {
+    padding-right: 2rem;
     padding-bottom: 1rem;
   }
   .category-name {
@@ -18,7 +20,7 @@
   .page-navigation.mini.top {
     display: block;
     position: absolute;
-    top: 2.5rem;
+    top: 1rem;
     right: 0;
     padding: 0.5rem;
     .page-navigation-toggle {
@@ -208,7 +210,10 @@
 
 @media screen and (min-width: 480px) {
   .transition-elastic-fly-container ul {
-    padding: 2rem;
+    /* padding: 2rem; */
+  }
+  .category h1.page-heading {
+    padding-right: 0;
   }
   .category .category-posts-list .post-item .category-tag a {
     margin-bottom: 0.33rem;
@@ -230,24 +235,6 @@
 @media screen and (min-width: 768px) {
   .category {
     padding: 0 2.33rem 5rem 2rem;
-  }
-  .transition-elastic-fly-container ul {
-    padding: 3rem;
-  }
-  .category .aside {
-    display: block;
-    padding-right: 0;
-    width: 20%;
-  }
-  .post-item-image {
-    margin-left: 2rem;
-    width: 5rem;
-    height: 5rem;
-  }
-}
-
-@media screen and (min-width: 768px) {
-  .category {
     .page-navigation.mini.top {
       display: none;
     }
@@ -267,6 +254,19 @@
       }
     } */
   }
+  .transition-elastic-fly-container ul {
+    /* padding: 3rem; */
+  }
+  .category .aside {
+    display: block;
+    padding-right: 0;
+    width: 20%;
+  }
+  .post-item-image {
+    margin-left: 2rem;
+    width: 5rem;
+    height: 5rem;
+  }
 }
 
 @media screen and (min-width: 900px) {
diff --git a/front/src/lib/styles/pages/post.css b/front/src/lib/styles/pages/post.css
index 0cb7fe75f..9dfb4c819 100644
--- a/front/src/lib/styles/pages/post.css
+++ b/front/src/lib/styles/pages/post.css
@@ -24,7 +24,7 @@
   .post-title {
     left: -1px;
     z-index: 5;
-    margin-top: 0;
+    margin-top: 1rem;
     margin-bottom: 0;
     padding: 0 1rem;
     line-height: 1.2;
@@ -389,15 +389,17 @@
 @media screen and (min-width: 333px) {
   .post {
     margin-top: 0;
-    .pubdate {
-      padding-left: 1.5rem;
-    }
   }
 }
 
 @media screen and (min-width: 480px) {
-  .post .post-title {
-    padding: 1rem 1.5rem 0;
+  .post {
+    .pubdate {
+      padding-left: 1.5rem;
+    }
+    .post-title {
+      padding: 1rem 1.5rem 0;
+    }
   }
   .post .post-title,
   .post .post-article {
diff --git a/front/src/routes/privacy/+page.server.js b/front/src/routes/privacy/+page.server.js
index b3e4ba8df..ade60e5e8 100644
--- a/front/src/routes/privacy/+page.server.js
+++ b/front/src/routes/privacy/+page.server.js
@@ -35,7 +35,7 @@ export async function load() {
     };
 
     var markedPrivacyDetails = privacyContent
-      ? await marked(privacyContent.details)
+      ? marked(privacyContent.details)
       : false;
 
     return {