From: Daniel Karbach <daniel.karbach@localhorst.tv>
Date: Wed, 22 Feb 2023 09:04:26 +0000 (+0100)
Subject: schedule style improvements
X-Git-Url: https://git.localhorst.tv/?a=commitdiff_plain;h=01c03862db4c9d7da371fb3500aab566d36366ff;p=alttp.git

schedule style improvements
---

diff --git a/resources/js/components/episodes/Crew.js b/resources/js/components/episodes/Crew.js
index 2343665..610454e 100644
--- a/resources/js/components/episodes/Crew.js
+++ b/resources/js/components/episodes/Crew.js
@@ -21,7 +21,7 @@ const Crew = ({ crew }) => {
 
 	return <Row className="episode-crew">
 		{commentators.length ?
-			<Col>
+			<Col md>
 				<div className="fs-5">
 					{t('episodes.commentary')}
 				</div>
@@ -31,7 +31,7 @@ const Crew = ({ crew }) => {
 			</Col>
 		: null}
 		{trackers.length ?
-			<Col>
+			<Col md>
 				<div className="fs-5">
 					{t('episodes.tracking')}
 				</div>
@@ -41,7 +41,7 @@ const Crew = ({ crew }) => {
 			</Col>
 		: null}
 		{techies.length ?
-			<Col>
+			<Col md>
 				<div className="fs-5">
 					{t('episodes.setup')}
 				</div>
diff --git a/resources/js/components/pages/Schedule.js b/resources/js/components/pages/Schedule.js
index 0e01701..59e6ac4 100644
--- a/resources/js/components/pages/Schedule.js
+++ b/resources/js/components/pages/Schedule.js
@@ -69,7 +69,7 @@ const Schedule = () => {
 		<CanonicalLinks base="/schedule" />
 		<div className="d-flex align-items-start justify-content-between">
 			<h1>{t('schedule.heading')}</h1>
-			<div className="mt-5">
+			<div className="ms-3 mt-5">
 				<Filter filter={filter} setFilter={updateFilter} />
 			</div>
 		</div>
diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 879253c..15ec4ef 100644
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -12,15 +12,9 @@ h1 {
 }
 
 .button-bar {
+	margin: -0.5ex;
 	> * {
-		margin-left: 0.5ex;
-		margin-right: 0.5ex;
-	}
-	> :first-child {
-		margin-left: 0;
-	}
-	> :last-child {
-		margin-right: 0;
+		margin: 0.5ex;
 	}
 }