From 2d56e07d3dc89cb3d87ee8a90dc7d36aba4b0f7c Mon Sep 17 00:00:00 2001
From: Thomas Heartman <thomas@getunleash.ai>
Date: Tue, 25 Jan 2022 15:38:42 +0100
Subject: [PATCH] docs: styling changes to the videos component

---
 website/src/css/custom.css | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 029c5a3b28..e69f47e465 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -86,7 +86,8 @@ html[data-theme='dark'] .header-github-link:before {
 
     --gap: .5em;
     --border-radius: var(--ifm-alert-border-radius);
-    gap: var(--gap)
+    gap: var(--gap);
+    margin-bottom: 1em;
 }
 
 .unleash-video-container p {
@@ -95,11 +96,22 @@ html[data-theme='dark'] .header-github-link:before {
     border-radius: var(--border-radius);
 }
 
-.unleash-video-container > .videos {
-    padding: 1em;
-    border-radius: var(--border-radius);
-    background: var(--ifm-color-info-contrast-background);
+.unleash-video-container > .videos  {
     display: flex;
     flex-direction: column;
     gap: var(--gap);
 }
+
+.unleash-video-container  .video-wrapper  {
+    padding: .5rem;
+    border-radius: var(--border-radius);
+    background: var(--ifm-color-info-contrast-background);
+}
+
+.unleash-video-container iframe  {
+    aspect-ratio: 16/9;
+}
+
+.unleash-video-container > .admonition {
+    margin: 0;
+}