fix padding on various pages (#11493)

* fix padding on various pages

* some additional padding

* update to use bootstrap built in spacing classes
This commit is contained in:
Adam Fitzgibbon 2019-11-16 10:55:30 -06:00 committed by Matteo Pagliazzi
parent 5f0672f3a6
commit f1ce7f23c3
3 changed files with 6 additions and 9 deletions

View file

@ -160,7 +160,7 @@
</div> </div>
</div> </div>
</div> </div>
<div> <div class="px-3 py-3">
<quest-sidebar-section <quest-sidebar-section
v-if="isParty" v-if="isParty"
:group="group" :group="group"
@ -255,11 +255,10 @@
.sidebar { .sidebar {
background-color: $gray-600; background-color: $gray-600;
padding-bottom: 2em; padding-bottom: 2em;
} }
.buttons-wrapper { .buttons-wrapper {
padding-top: 2.8em; padding: 2.8em 24px 0em 24px;
} }
.card { .card {

View file

@ -229,7 +229,7 @@
-info-button(@click="showWorldBossInfo()") {{$t('whatIsWorldBoss') }} -info-button(@click="showWorldBossInfo()") {{$t('whatIsWorldBoss') }}
--> -->
</div> </div>
<div class="sleep below-header-sections"> <div class="sleep px-4 py-3">
<strong v-once>{{ $t('sleepDescription') }}</strong> <strong v-once>{{ $t('sleepDescription') }}</strong>
<ul> <ul>
<li v-once> <li v-once>
@ -263,7 +263,7 @@
</button> </button>
</div> </div>
</div> </div>
<div class="px-3"> <div class="px-4">
<sidebar-section :title="$t('staffAndModerators')"> <sidebar-section :title="$t('staffAndModerators')">
<div class="row"> <div class="row">
<div <div
@ -511,10 +511,6 @@
.sidebar { .sidebar {
background-color: $gray-600; background-color: $gray-600;
padding: 0em; padding: 0em;
.below-header-sections {
padding: 1em 1.75em 1em 1.75em;
}
} }
.pause-button { .pause-button {

View file

@ -246,6 +246,8 @@
@import '~@/assets/scss/create-task.scss'; @import '~@/assets/scss/create-task.scss';
.user-tasks-page { .user-tasks-page {
padding-left: 12px;
padding-right: 12px;
padding-top: 16px; padding-top: 16px;
} }