schedule style improvements

diff --git a/resources/js/components/episodes/Crew.js b/resources/js/components/episodes/Crew.js
index 2343665947dfd946e3f5501e328f2632da5fff8f..610454e17a6ae164cf8535c0ac97fa3e04aeb09d 100644 (file)
--- 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 ?
 
        return <Row className="episode-crew">
                {commentators.length ?

-                       <Col>
+                       <Col md>

                                <div className="fs-5">
                                        {t('episodes.commentary')}
                                </div>
                                <div className="fs-5">
                                        {t('episodes.commentary')}
                                </div>


@@ -31,7 +31,7 @@ const Crew = ({ crew }) => {
                        </Col>
                : null}
                {trackers.length ?
                        </Col>
                : null}
                {trackers.length ?

-                       <Col>
+                       <Col md>

                                <div className="fs-5">
                                        {t('episodes.tracking')}
                                </div>
                                <div className="fs-5">
                                        {t('episodes.tracking')}
                                </div>


@@ -41,7 +41,7 @@ const Crew = ({ crew }) => {
                        </Col>
                : null}
                {techies.length ?
                        </Col>
                : null}
                {techies.length ?

-                       <Col>
+                       <Col md>

                                <div className="fs-5">
                                        {t('episodes.setup')}
                                </div>
                                <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 0e0170154e8ae8e86c4948f256a797d0d8fe28cd..59e6ac4846eeff8aee216d632d90a773a0706170 100644 (file)
--- 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>
                <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>
                                <Filter filter={filter} setFilter={updateFilter} />
                        </div>
                </div>

diff --git a/resources/sass/common.scss b/resources/sass/common.scss
index 879253c893aba8a92603c913bdfc52b8521ffdad..15ec4ef1b639e5e3717b4e8cd880b463b5508026 100644 (file)
--- a/resources/sass/common.scss
+++ b/resources/sass/common.scss
@@ -12,15 +12,9 @@ h1 {
 }
 
 .button-bar {
 }
 
 .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;

        }
 }
 
        }
 }