« get me outta code hell

css: image overlay alignment adjustments - hsmusic-wiki - HSMusic - static wiki software cataloguing collaborative creation
about summary refs log tree commit diff
diff options
context:
space:
mode:
author(quasar) nebula <qznebula@protonmail.com>2024-03-29 09:21:28 -0300
committer(quasar) nebula <qznebula@protonmail.com>2024-03-29 09:21:28 -0300
commita4b5be9407b326487e39eea4cbcde8dd45f07a35 (patch)
tree20ae11ce698e96870fbf744a7e08c70d701088d2
parentef628d694a3e6c289b68f16f4ea3bb0c686a0ed8 (diff)
css: image overlay alignment adjustments
-rw-r--r--src/static/site6.css9
1 files changed, 6 insertions, 3 deletions
diff --git a/src/static/site6.css b/src/static/site6.css
index 4d6d79a7..36662e75 100644
--- a/src/static/site6.css
+++ b/src/static/site6.css
@@ -2047,7 +2047,6 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
   border-radius: 0 0 8px 8px;
   border: 2px solid var(--primary-color);
   background: var(--deep-ghost-color);
-  padding: 3px;
   overflow: hidden;
 
   -webkit-backdrop-filter: blur(3px);
@@ -2060,6 +2059,8 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
   overflow: hidden;
   width: 80vmin;
   height: 80vmin;
+  margin-left: auto;
+  margin-right: auto;
 }
 
 #image-overlay-image,
@@ -2073,8 +2074,10 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
 
 #image-overlay-image {
   position: absolute;
-  top: 0;
-  left: 0;
+  top: 3px;
+  left: 3px;
+  width: calc(100% - 6px);
+  height: calc(100% - 4px);
 }
 
 #image-overlay-image-thumb {