From 55a35c564c0b8d95ef2f874f237958c8242c04f8 Mon Sep 17 00:00:00 2001
From: Justin Coyne <jcoyne@justincoyne.com>
Date: Wed, 8 Nov 2023 13:55:20 -0600
Subject: [PATCH] Slightly adjust drawer width

So that media-content isn't too crammed and overflows
---
 app/assets/stylesheets/media.scss | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/assets/stylesheets/media.scss b/app/assets/stylesheets/media.scss
index 3c0e4474c..ee8b51b56 100644
--- a/app/assets/stylesheets/media.scss
+++ b/app/assets/stylesheets/media.scss
@@ -48,7 +48,7 @@
 
 .media-component {
   --active-color: rgb(140, 21, 21);
-  --drawer-width: 300px;
+  --drawer-width: 305px;
   --tab-width: 48px;
   --tab-height: 48px;
   --drawer-content-padding: 1rem;
@@ -56,13 +56,14 @@
   --tab-text-color: rgba(0, 0, 0, 0.54);
   --background-color: rgba(255, 255, 255);
   --modal-border-radius: 8px;
+  --modal-max-width: 600px;
 
   .video-js .vjs-tech {
     position: relative;
   }
 
   .modal-container {
-    max-width: 600px;
+    max-width: var(--modal-max-width);
     width: calc(79vw);
     max-height: calc(79vh);
     padding: 2rem;