voussoir/etiquette
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Minor alignments within cards.

Browse source
This commit is contained in:
voussoir 2018-12-21 23:44:11 -08:00
parent 7674610b88
commit d736c81100
2 changed files with 5 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
frontends/etiquette_flask/static/css/photo_card.css
View file

@ -22,11 +22,11 @@
display: inline-grid;
vertical-align: top;
grid-template:
"thumbnail title" auto
"thumbnail title" 1fr
"thumbnail metadata" auto
/auto 1fr;
width: 400px;
width: 325px;
margin: 8px;
padding: 8px;
}
@ -80,6 +80,7 @@
.photo_card_list .photo_card_selector_checkbox
{
grid-area: checkbox;
align-self: center;
}
.photo_card_grid
{
@ -169,7 +170,7 @@
.photo_card_metadata
{
grid-area: metadata;
align-self: end;
align-self: center;
justify-self: end;
font-family: monospace;

3
frontends/etiquette_flask/templates/album_card.html
View file

@ -34,8 +34,7 @@
</div>
{% else %}
<div class="album_card album_card_grid" data-id="{{album.id}}">
<a class="album_card_thumbnail" href="/album/{{album.id}}{{viewparam}}">
</a>
<a class="album_card_thumbnail" href="/album/{{album.id}}{{viewparam}}"></a>
<div class="album_card_title">
<a href="/album/{{album.id}}{{viewparam}}">{{album.display_name}}</a>