better button layout on dashboard

This commit is contained in:
overflowerror 2021-01-08 16:01:22 +01:00
parent 7abd3ee56a
commit 7ec2db7d77
2 changed files with 26 additions and 10 deletions

View file

@ -86,15 +86,15 @@
color: lightgray; color: lightgray;
} }
.link { .buttons {
position: absolute; position: absolute;
top: calc(9 / 16 * 100% + 12%); bottom: 3%;
right: 3%; right: 3%;
} }
.link a { /*.buttons a {
color: #9f44b4; color: #9f44b4;
} }*/
.link:hover a { .link:hover a {
color: grey; color: grey;
@ -122,11 +122,18 @@
background-color: lightgrey; background-color: lightgrey;
} }
.views { .views, .length {
position: absolute; position: absolute;
font-size: 1vw; font-size: 1vw;
top: 69%; right: 3%;
right: 10%; }
.views {
top: calc(9 / 16 * 100% + 4%);
}
.length {
top: calc(9 / 16 * 100% + 4% + 5%);
} }
.no-content { .no-content {

View file

@ -64,10 +64,19 @@
</div> </div>
</div> </div>
<div class="info"> <div class="info">
<div class="link"> <div class="buttons btn-group btn-group-sm">
<a href="{{ path("app_new_link") }}?video={{ video.customId | url_encode }}"> <button class="btn btn-primary"
onclick="location.href='{{ path("app_new_link") }}?video={{ video.customId | url_encode }}'">
<i class="fas fa-link"></i> <i class="fas fa-link"></i>
</a> </button>
<button class="btn btn-primary"
onclick="">
<i class="fas fa-cog"></i>
</button>
<button class="btn btn-primary btn-danger"
onclick="">
<i class="fas fa-trash-alt"></i>
</button>
</div> </div>
<h5>{{ video.name }}</h5> <h5>{{ video.name }}</h5>
<div class="views"> <div class="views">