css: tune music video box & title layouts

1 files changed, 13 insertions, 1 deletions

diff --git a/src/static/css/site.css b/src/static/css/site.css
index 9ad6cadd..0b6a8250 100644
--- a/src/static/css/site.css
+++ b/src/static/css/site.css
@@ -1888,6 +1888,8 @@ p.image-details.origin-details .filename-line {
 }
 
 .music-video {
+  width: 88.888888%;
+  margin-left: auto;
   border-radius: 4px;
   padding: 0 4px;
 }
@@ -1902,7 +1904,7 @@ p.image-details.origin-details .filename-line {
 }
 
 .music-video .music-video-label {
-  margin: 6px 0 3px;
+  margin: 6px 12px 3px;
   text-align: center;
 }
 
@@ -4490,6 +4492,16 @@ main.long-content .content-sticky-heading-container .content-sticky-subheading-r
     margin-right: 30px;
   }
 
+  .music-video {
+    width: 70%;
+    margin-left: auto;
+    margin-right: auto;
+  }
+
+  .music-video .image {
+    aspect-ratio: 32 / 9;
+  }
+
   #additional-names-box {
     width: unset;
     max-width: unset;