quick tweaks to sticky & cover art styling

1 files changed, 8 insertions, 8 deletions

diff --git a/src/static/site2.css b/src/static/site2.css
index 9e8849ea..1146b0df 100644
--- a/src/static/site2.css
+++ b/src/static/site2.css
@@ -591,8 +591,8 @@ a:hover {
   font-size: 0.8em;
 }
 
-#cover-art {
-  box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.25);
+#cover-art .square {
+  box-shadow: 0 0 3px 6px rgba(0, 0, 0, 0.35);
 }
 
 #cover-art img {
@@ -1119,6 +1119,8 @@ img {
 
   margin: calc(-1 * var(--content-padding));
   margin-bottom: calc(0.5 * var(--content-padding));
+
+  transform: translateY(-5px);
 }
 
 .content-sticky-heading-container.long-content {
@@ -1135,11 +1137,14 @@ img {
 .content-sticky-heading-row {
   box-sizing: border-box;
   padding:
-    calc(1.25 * var(--content-padding))
+    calc(1.25 * var(--content-padding) + 5px)
     20px
     calc(0.75 * var(--content-padding))
     20px;
 
+  width: 100%;
+  margin: 0;
+
   background: var(--bg-black-color);
   border-bottom: 1px dotted rgba(220, 220, 220, 0.4);
 
@@ -1147,11 +1152,6 @@ img {
           backdrop-filter: blur(6px);
 }
 
-.content-sticky-heading-row {
-  width: 100%;
-  margin: 0;
-}
-
 .content-sticky-heading-container.has-cover .content-sticky-heading-row,
 .content-sticky-heading-container.has-cover .content-sticky-subheading-row {
   display: grid;