Clean up some styling rules. Also set a static margin on the loading-placeholder for actions to be aligned with the loaded list items.

This commit is contained in:
2019-06-04 19:19:34 +02:00
parent eddbab2f99
commit 95633f4c69

View File

@@ -64,7 +64,7 @@
<!-- Loading placeholder --> <!-- Loading placeholder -->
<div class="movie__actions text-input__loading" v-else> <div class="movie__actions text-input__loading" v-else>
<div class="movie__actions-link" v-for="_ in admin ? Array(4) : Array(3)"> <div class="movie__actions-link" v-for="_ in admin ? Array(4) : Array(3)">
<div class="movie__actions-text text-input__loading--line" style="margin:4.4px; margin-left: -3px;"></div> <div class="movie__actions-text text-input__loading--line" style="margin:9px; margin-left: -3px;"></div>
</div> </div>
</div> </div>
@@ -344,7 +344,7 @@ export default {
color: rgba($c-dark, 0.5); color: rgba($c-dark, 0.5);
transition: color 0.5s ease; transition: color 0.5s ease;
font-size: 11px; font-size: 11px;
padding: 10px 0; padding: 5px 0;
border-bottom: 1px solid rgba($c-dark, 0.05); border-bottom: 1px solid rgba($c-dark, 0.05);
&:hover { &:hover {
color: rgba($c-dark, 0.75); color: rgba($c-dark, 0.75);
@@ -380,6 +380,8 @@ export default {
display: block; display: block;
padding-top: 2px; padding-top: 2px;
cursor: pointer; cursor: pointer;
margin:4.4px;
margin-left: -3px;
} }
} }
&__info { &__info {