Tweaked the admin blog index

Author: javiereguiluz

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

@@ -5,12 +5,12 @@
 {% block main %}
     <h1>{{ 'title.post_list'|trans }}</h1>
 
-    <table class="table table-striped">
+    <table class="table table-striped table-middle-aligned">
         <thead>
             <tr>
                 <th scope="col">{{ 'label.title'|trans }}</th>
                 <th scope="col"><i class="fa fa-calendar" aria-hidden="true"></i> {{ 'label.published_at'|trans }}</th>
-                <th scope="col" class="col-xs-1"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'label.actions'|trans }}</th>
+                <th scope="col" class="text-center"><i class="fa fa-cogs" aria-hidden="true"></i> {{ 'label.actions'|trans }}</th>
             </tr>
         </thead>
         <tbody>
@@ -20,8 +20,8 @@
                 {# it's not mandatory to set the timezone in localizeddate(). This is done to
                    avoid errors when the 'intl' PHP extension is not available and the application
                    is forced to use the limited "intl polyfill", which only supports UTC and GMT #}
-                <td>{% if post.publishedAt %}{{ post.publishedAt|localizeddate('short', 'short', null, 'UTC') }}{% endif %}</td>
-                <td>
+                <td>{{ post.publishedAt|localizeddate('medium', 'short', null, 'UTC') }}</td>
+                <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 }}

web/css/main.css

@@ -27,6 +27,11 @@ i {
     margin-right: 0.25em
 }
 
+.table.table-middle-aligned th,
+.table.table-middle-aligned td {
+    vertical-align: middle;
+}
+
 /* Page elements
    ------------------------------------------------------------------------- */
 body {