]> git.localhorst.tv Git - alttp.git/commitdiff
schedule style improvements
authorDaniel Karbach <daniel.karbach@localhorst.tv>
Wed, 22 Feb 2023 09:04:26 +0000 (10:04 +0100)
committerDaniel Karbach <daniel.karbach@localhorst.tv>
Wed, 22 Feb 2023 09:04:26 +0000 (10:04 +0100)
resources/js/components/episodes/Crew.js
resources/js/components/pages/Schedule.js
resources/sass/common.scss

index 2343665947dfd946e3f5501e328f2632da5fff8f..610454e17a6ae164cf8535c0ac97fa3e04aeb09d 100644 (file)
@@ -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>
index 0e0170154e8ae8e86c4948f256a797d0d8fe28cd..59e6ac4846eeff8aee216d632d90a773a0706170 100644 (file)
@@ -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>
index 879253c893aba8a92603c913bdfc52b8521ffdad..15ec4ef1b639e5e3717b4e8cd880b463b5508026 100644 (file)
@@ -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;
        }
 }
 
        }
 }