diff --git a/frontends/etiquette_flask/static/css/cards.css b/frontends/etiquette_flask/static/css/cards.css index 68f0f1a..17a84e7 100644 --- a/frontends/etiquette_flask/static/css/cards.css +++ b/frontends/etiquette_flask/static/css/cards.css @@ -63,13 +63,17 @@ } .album_card_tools { + display: none; position: absolute; right: 4px; bottom: 4px; + background-color: var(--color_transparency); + min-width: max-content; } -.album_card_list .album_card_tools +.album_card_tools:hover, +.album_card:hover .album_card_tools { - display: none; + display: initial; } /* ########################################################################## */ diff --git a/frontends/etiquette_flask/templates/album.html b/frontends/etiquette_flask/templates/album.html index 5ff5861..acfd477 100644 --- a/frontends/etiquette_flask/templates/album.html +++ b/frontends/etiquette_flask/templates/album.html @@ -57,16 +57,6 @@ h2, h3 flex: 1; min-width: 0; } - -.remove_child_button -{ - display: none; -} -.remove_child_button:hover, -.album_card:hover .remove_child_button -{ - display: initial; -} {% endmacro %}