Add more fancy icons for buttons and links

Author: bocharsky-bw

app/Resources/views/admin/blog/_form.html.twig

@@ -14,12 +14,13 @@
 {{ form_start(form, {attr: attr|default({})}) }}
     {{ form_widget(form) }}
 
-    <input type="submit" value="{{ button_label|default('label.create_post'|trans) }}"
-           class="{{ button_css|default("btn btn-primary") }}" />
+    <button type="submit" class="{{ button_css|default("btn btn-primary") }}">
+        <i class="fa fa-save" aria-hidden="true"></i> {{ button_label|default('label.create_post'|trans) }}
+    </button>
 
     {% if include_back_to_home_link|default(false) %}
         <a href="{{ path('admin_post_index') }}" class="btn btn-link">
-            {{ 'action.back_to_list'|trans }}
+            <i class="fa fa-list-alt" aria-hidden="true"></i> {{ 'action.back_to_list'|trans }}
         </a>
     {% endif %}
 {{ form_end(form) }}

app/Resources/views/admin/blog/index.html.twig

@@ -24,7 +24,7 @@
                 <td class="text-right">
                     <div class="item-actions">
                         <a href="{{ path('admin_post_show', {id: post.id}) }}" class="btn btn-sm btn-default">
-                            {{ 'action.show'|trans }}
+                            <i class="fa fa-eye" aria-hidden="true"></i> {{ 'action.show'|trans }}
                         </a>
 
                         <a href="{{ path('admin_post_edit', {id: post.id}) }}" class="btn btn-sm btn-primary">

app/Resources/views/admin/blog/new.html.twig

@@ -12,10 +12,12 @@
         {{ form_row(form.publishedAt) }}
         {{ form_row(form.tags) }}
 
-        <input type="submit" value="{{ 'label.create_post'|trans }}" class="btn btn-primary" />
+        <button type="submit" class="btn btn-primary">
+            <i class="fa fa-save" aria-hidden="true"></i> {{ 'label.create_post'|trans }}
+        </button>
         {{ form_widget(form.saveAndCreateNew, {label: 'label.save_and_create_new', attr: {class: 'btn btn-primary'}}) }}
         <a href="{{ path('admin_post_index') }}" class="btn btn-link">
-            {{ 'action.back_to_list'|trans }}
+            <i class="fa fa-list-alt" aria-hidden="true"></i> {{ 'action.back_to_list'|trans }}
         </a>
     {{ form_end(form) }}
 {% endblock %}

app/Resources/views/blog/_comment_form.html.twig

@@ -14,7 +14,9 @@
     #}
 
     <fieldset>
-        <legend>{{ 'title.add_comment'|trans }}</legend>
+        <legend>
+            <i class="fa fa-comment" aria-hidden="true"></i> {{ 'title.add_comment'|trans }}
+        </legend>
 
         {# Render any global form error (e.g. when a constraint on a public getter method failed) #}
         {{ form_errors(form) }}
@@ -29,7 +31,9 @@
         </div>
 
         <div class="form-group">
-            <button class="btn btn-primary pull-right" type="submit">{{ 'action.publish_comment'|trans }}</button>
+            <button class="btn btn-primary pull-right" type="submit">
+                <i class="fa fa-paper-plane" aria-hidden="true"></i> {{ 'action.publish_comment'|trans }}
+            </button>
         </div>
     </fieldset>
 {{ form_end(form) }}

app/Resources/views/blog/_delete_post_confirmation.html.twig

@@ -8,10 +8,10 @@
             </div>
             <div class="modal-footer">
                 <button type="button" class="btn btn-default" id="btnNo" data-dismiss="modal">
-                    {{ 'label.cancel'|trans }}
+                    <i class="fa fa-ban" aria-hidden="true"></i> {{ 'label.cancel'|trans }}
                 </button>
                 <button type="button" class="btn btn-danger" id="btnYes" data-dismiss="modal">
-                    {{ 'label.delete_post'|trans }}
+                    <i class="fa fa-trash" aria-hidden="true"></i> {{ 'label.delete_post'|trans }}
                 </button>
             </div>
         </div>

app/Resources/views/blog/post_show.html.twig

@@ -33,7 +33,9 @@
         {% endif %}
     </div>
 
-    <h3>{{ 'post.num_comments'|transchoice(post.comments|length) }}</h3>
+    <h3>
+        <i class="fa fa-comments" aria-hidden="true"></i> {{ 'post.num_comments'|transchoice(post.comments|length) }}
+    </h3>
 
     {% for comment in post.comments %}
         <div class="row post-comment">