diff --git a/src/components/App/AppHeader.vue b/src/components/App/AppHeader.vue index 66421a6..f207519 100644 --- a/src/components/App/AppHeader.vue +++ b/src/components/App/AppHeader.vue @@ -128,6 +128,10 @@ export default defineComponent({ .header { &_body { max-width: 21em; + + @include smallScreen { + max-width: 18em; + } } &_container { @@ -141,8 +145,11 @@ export default defineComponent({ } &_brand { + display: flex; + img { width: 100%; + margin: 0 auto; } } diff --git a/src/components/JournalView/JournalDispatchersList.vue b/src/components/JournalView/JournalDispatchersList.vue index 78b766d..cb90d1a 100644 --- a/src/components/JournalView/JournalDispatchersList.vue +++ b/src/components/JournalView/JournalDispatchersList.vue @@ -111,6 +111,8 @@ li.sticky { flex-wrap: wrap; + padding: 0.75em; + &.online { cursor: pointer; } diff --git a/src/components/SceneryView/SceneryDispatchersHistory.vue b/src/components/SceneryView/SceneryDispatchersHistory.vue index 2b07719..bf0e068 100644 --- a/src/components/SceneryView/SceneryDispatchersHistory.vue +++ b/src/components/SceneryView/SceneryDispatchersHistory.vue @@ -102,7 +102,7 @@ export default defineComponent({ @include smallScreen { .history-list { - font-size: 1.2em; + font-size: 1.1em; } .list-item { align-items: center; diff --git a/src/components/SceneryView/SceneryHeader.vue b/src/components/SceneryView/SceneryHeader.vue index 371ce04..40126df 100644 --- a/src/components/SceneryView/SceneryHeader.vue +++ b/src/components/SceneryView/SceneryHeader.vue @@ -31,14 +31,9 @@ export default defineComponent({ position: relative; - font-size: 3.5em; - padding: 0 0.5em; + font-size: 3em; text-transform: uppercase; - - @include smallScreen() { - font-size: 2.75em; - } } .scenery-hash { diff --git a/src/components/SceneryView/SceneryInfo.vue b/src/components/SceneryView/SceneryInfo.vue index ce5730b..31af981 100644 --- a/src/components/SceneryView/SceneryInfo.vue +++ b/src/components/SceneryView/SceneryInfo.vue @@ -109,7 +109,7 @@ h3.section-header { justify-content: center; align-items: center; - font-size: 1.5em; + font-size: 1.2em; img { width: 1.1em; @@ -127,7 +127,6 @@ h3.section-header { .info-general { margin-top: 1em; - font-size: 1.1em; } .general-list { diff --git a/src/components/SceneryView/SceneryTimetable.vue b/src/components/SceneryView/SceneryTimetable.vue index b75698c..105ffb4 100644 --- a/src/components/SceneryView/SceneryTimetable.vue +++ b/src/components/SceneryView/SceneryTimetable.vue @@ -505,8 +505,6 @@ export default defineComponent({ display: flex; flex-direction: column; align-items: center; - - font-size: 1.05em; } &-general { diff --git a/src/components/SceneryView/SceneryTimetablesHistory.vue b/src/components/SceneryView/SceneryTimetablesHistory.vue index 07f828b..cbefb38 100644 --- a/src/components/SceneryView/SceneryTimetablesHistory.vue +++ b/src/components/SceneryView/SceneryTimetablesHistory.vue @@ -33,7 +33,6 @@