From 5fda290e9a88eb4b6971e5d5460c6ad77cf56f54 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Tue, 26 Nov 2024 14:03:13 +0100
Subject: [PATCH 1/3] Add css for `Player`

---
 base.scss                              | 1 +
 src/stories/Library/player/player.scss | 4 ++++
 2 files changed, 5 insertions(+)
 create mode 100644 src/stories/Library/player/player.scss

diff --git a/base.scss b/base.scss
index 5e798099d..249176a74 100644
--- a/base.scss
+++ b/base.scss
@@ -147,6 +147,7 @@
 @import "./src/stories/Library/simple-link/simple-link";
 @import "./src/stories/Library/search-full-text/search-full-text";
 @import "./src/stories/empty-view/empty-view";
+@import "./src/stories/Library/player/player";
 
 // Autosuggest block styling needs to be loaded before the rest of the scss for autosuggest
 @import "./src/stories/Blocks/autosuggest/autosuggest";
diff --git a/src/stories/Library/player/player.scss b/src/stories/Library/player/player.scss
new file mode 100644
index 000000000..2a8b3ffbd
--- /dev/null
+++ b/src/stories/Library/player/player.scss
@@ -0,0 +1,4 @@
+.player {
+  height: 250px;
+  width: 100%;
+}

From 5051d894e6ca9b40744ff73b52dbf7b536187823 Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Tue, 3 Dec 2024 11:06:16 +0100
Subject: [PATCH 2/3] Add `.modal--center` modifier

This can potentially be used for other purposes as well, but for now, I have used it to center the `Player` inside the `PlayerModal` in dpl-react.
---
 src/stories/Library/Modals/modal.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/stories/Library/Modals/modal.scss b/src/stories/Library/Modals/modal.scss
index 9c4a1760a..ed5bef16c 100644
--- a/src/stories/Library/Modals/modal.scss
+++ b/src/stories/Library/Modals/modal.scss
@@ -70,6 +70,11 @@
   padding: 0;
 }
 
+.modal--center {
+  justify-content: center;
+  align-items: center;
+}
+
 .modal-btn-close {
   background-color: $color__global-primary;
   position: fixed;

From 6ec4a328a58a9875bb5c616d80f3079b8cbb7dfe Mon Sep 17 00:00:00 2001
From: Kasper Birch <kasperbirch1@gmail.com>
Date: Fri, 13 Dec 2024 12:01:39 +0100
Subject: [PATCH 3/3] This branch will consolidate all styles related to
 Reader/Player functionality.