Tag delete style action updated

app/Resources/static/themes/material/css/cards.scss

@@ -211,6 +211,10 @@ a.original:not(.waves-effect) {
   display: flex;
 }
 
+.card-tag-delete {
+  margin-left: 10px;
+}
+
 .card-tag-labels {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));

src/Wallabag/CoreBundle/Resources/translations/messages.en.yml

@@ -457,6 +457,8 @@ quickstart:
         email: By email
         gitter: On Gitter
 tag:
+    confirm:
+        delete: Delete the %name% tag
     page_title: Tags
     list:
         number_on_the_page: '{0} There are no tags.|{1} There is one tag.|]1,Inf[ There are %count% tags.'

src/Wallabag/CoreBundle/Resources/translations/messages.fr.yml

@@ -458,6 +458,8 @@ quickstart:
         email: Par courriel
         gitter: Sur Gitter
 tag:
+    confirm:
+        delete: Supprimer le tag %name%
     page_title: Étiquettes
     list:
         number_on_the_page: '{0} Il n’y a pas d''étiquette.|{1} Il y a une étiquette.|]1,Inf[ Il y a %count% étiquettes.'

src/Wallabag/CoreBundle/Resources/views/themes/material/Tag/tags.html.twig

@@ -26,8 +26,8 @@
                         <i class="material-icons">mode_edit</i>
                     </a>
                     {% endif %}
-                    <a href="{{ path('tag_delete', {'slug': tag.slug})}}">
-                        <i class="material-icons">mode_delete</i>
+                    <a href="{{ path('tag_delete', {'slug': tag.slug})}}" class="card-tag-icon card-tag-delete" onclick="return confirm('{{ 'tag.confirm.delete'|trans({'%name%': tag.label})|escape('js') }}')">
+                        <i class="material-icons">delete</i>
                     </a>
                     {% if app.user.config.feedToken %}
                         <a rel="alternate" type="application/atom+xml" href="{{ path('tag_feed', {'username': app.user.username, 'token': app.user.config.feedToken, 'slug': tag.slug}) }}" class="card-tag-icon"><i class="material-icons">rss_feed</i></a>