List UI tweaks

This commit is contained in:
Roman Cervantes 2019-09-29 09:48:14 -07:00
parent add8e6fd7d
commit 7370754606

View file

@ -76,7 +76,7 @@
<button <button
v-if="!searching && !editing" v-if="!searching && !editing"
@click="addGame" @click="addGame"
class="add-game-button small" class="add-game-button accent small"
:title="$t('list.addGame')" :title="$t('list.addGame')"
> >
<i class="fas fa-plus" /> <i class="fas fa-plus" />
@ -347,6 +347,9 @@ export default {
justify-content: space-between; justify-content: space-between;
padding-left: $gp / 2; padding-left: $gp / 2;
position: absolute; position: absolute;
border-radius: $border-radius;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
width: 100%; width: 100%;
&.searching { &.searching {
@ -365,7 +368,7 @@ export default {
min-height: 80px; min-height: 80px;
overflow-y: auto; overflow-y: auto;
margin-top: $list-header-height; margin-top: $list-header-height;
padding: 0 $gp / 2; padding: 0 $gp / 2 $gp / 2;
width: 100%; width: 100%;
&.empty { &.empty {
@ -385,7 +388,9 @@ export default {
} }
.add-game-button { .add-game-button {
width: 100%; position: absolute;
right: 0;
bottom: 0;
} }
.game-grid { .game-grid {