From 8b93277bc0687a15d81a1129e37d9c9d50238f8c Mon Sep 17 00:00:00 2001
From: Michael Fabian 'Xaymar' Dirks <info@xaymar.com>
Date: Sun, 27 Nov 2022 06:04:27 +0100
Subject: [PATCH] media: Fix some styling issues

---
 _sass/_block-media.scss | 17 ++++++++---------
 1 file changed, 8 insertions(+), 9 deletions(-)

diff --git a/_sass/_block-media.scss b/_sass/_block-media.scss
index 2e622ed..4575ca0 100644
--- a/_sass/_block-media.scss
+++ b/_sass/_block-media.scss
@@ -43,9 +43,8 @@ $media-player-button-size: 1.5rem;
 	left: 0;
 	right: 0;
 
-	padding-bottom: 1rem;
-
 	display: flex;
+	padding-bottom: 1rem;
 	flex-flow: row nowrap;
 	justify-content: space-between;
 	align-items: stretch;
@@ -76,9 +75,8 @@ $media-player-button-size: 1.5rem;
 	left: 0;
 	right: 0;
 
-	padding-top: 1rem;
-
 	display: flex;
+	padding-top: 1rem;
 	flex-flow: row nowrap;
 	justify-content: space-between;
 	align-items: stretch;
@@ -100,12 +98,13 @@ $media-player-button-size: 1.5rem;
 }
 
 .block-media > .bottom > .play {
-	flex-grow: 0;
 	display: block;
+	flex-grow: 0;
 	margin: 0;
 	padding: 0;
 	width: $media-player-button-size;
 	height: $media-player-button-size;
+
 	font-size: $media-player-button-size;
 	line-height: $media-player-button-size;
 	text-align: center;
@@ -115,6 +114,7 @@ $media-player-button-size: 1.5rem;
 }
 
 .block-media > .bottom > .time {
+	display: block;
 	margin: 0;
 	padding: 0;
 	width: auto;
@@ -123,7 +123,6 @@ $media-player-button-size: 1.5rem;
 	flex-shrink: 0;
 	flex-basis: auto;
 
-	display: block;
 	text-align: right;
 	line-height: $media-player-button-size;
 	user-select: auto;
@@ -142,6 +141,7 @@ $media-player-button-size: 1.5rem;
 	user-select: none;
 }
 .block-media > .bottom > .mute {
+	display: block;
 	margin: 0;
 	padding: 0;
 	width: $media-player-button-size;
@@ -150,7 +150,6 @@ $media-player-button-size: 1.5rem;
 	flex-shrink: 0;
 	flex-basis: auto;
 
-	display: block;
 	font-size: $media-player-button-size;
 	line-height: $media-player-button-size;
 	text-align: center;
@@ -160,6 +159,7 @@ $media-player-button-size: 1.5rem;
 }
 
 .block-media > .bottom > .volume {
+	display: block;
 	margin: 0;
 	padding: 0;
 	width: auto;
@@ -170,11 +170,11 @@ $media-player-button-size: 1.5rem;
 	flex-shrink: 5;
 	flex-basis: auto;
 
-	display: block;
 	user-select: none;
 }
 
 .block-media > .bottom > .fullscreen {
+	display: block;
 	margin: 0;
 	padding: 0;
 	width: $media-player-button-size;
@@ -183,7 +183,6 @@ $media-player-button-size: 1.5rem;
 	flex-shrink: 0;
 	flex-basis: auto;
 
-	display: block;
 	font-size: $media-player-button-size;
 	line-height: $media-player-button-size;
 	text-align: center;