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

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

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