diff --git a/src/Thread.css b/src/Thread.css index 1b8469c..d3b2478 100644 --- a/src/Thread.css +++ b/src/Thread.css @@ -31,6 +31,7 @@ background-color: rgb(49, 49, 49); } .party-message { + font-size: 0.75rem !important; display: block; width: fit-content; max-width: 60%; diff --git a/src/index.css b/src/index.css index 815a9f4..e4521da 100644 --- a/src/index.css +++ b/src/index.css @@ -4,10 +4,10 @@ body { transition: max-width ease-in-out 0.35s; } body.visible { - width: 65%; + width: 75%; } body.visible .watch-party-fab { - right: 35% !important; + right: 25% !important; transform: translateX(50%); top: 1.5rem; } @@ -18,17 +18,17 @@ body.visible .party-notification-container { body.netflix.visible .AkiraPlayer, /* NETFLIX */ body.hulu.visible .Player__container,/* HULU */ body.amazon-prime.visible #dv-web-player.dv-player-fullscreen /* AMAZON PRIME */ { - max-width: 65% !important; + max-width: 75% !important; } /* HULU MINIMIZED VIDEO */ body.hulu.visible #__player__ .Player__container.Player__container--modal { - right: calc(35% + 2rem) !important; + right: calc(25% + 2rem) !important; z-index: 99999 !important; } /* HULU & AMAZON PRIME FIX */ body.hulu #party-routes-wrapper, body.amazon-prime #party-routes-wrapper { - width: 35% !important; + width: 25% !important; height: 100% !important; } /* AMAZON STYLING FIX */ @@ -93,8 +93,8 @@ body.amazon-prime textarea:focus { position: fixed; background-color: rgb(27, 27, 27); bottom: 0; - width: calc(35% - 2rem); - right: -35%; + width: calc(25% - 2rem); + right: -25%; transition: all ease-in-out 0.3s; height: calc(100% - 2rem); padding: 1rem; @@ -111,7 +111,7 @@ body.amazon-prime textarea:focus { display: none !important; bottom: 0.8rem !important; right: 1rem !important; - width: calc(35% - 2rem) !important; + width: calc(25% - 2rem) !important; } .party-notification-container .MuiPaper-root { border-radius: 26px !important; @@ -136,8 +136,8 @@ body.amazon-prime textarea:focus { right: 1rem !important; } .watch-party-fab .fab-logo { - max-width: 65%; - max-height: 65%; + max-width: 75%; + max-height: 75%; } .party-create-container {