Use existing CSS class

Author: DaneEveritt

public/themes/default/css/pterodactyl.css

@@ -117,6 +117,8 @@ form .text-muted {margin: 0 0 -5.5px}
 .label{border-radius: .25em;padding: .2em .6em .3em;}
 kbd{border-radius: .25em}
 .modal-open .modal {padding-left: 0px !important;padding-right: 0px !important;overflow-y: scroll;}
+tr.align-middle > *,
+th.align-middle > *,
 .align-middle {
     vertical-align: middle !important;
 }
@@ -182,10 +184,6 @@ li.btn.btn-default.pill:active,li.btn.btn-default.pill:focus,li.btn.btn-default.
     opacity: 0.6;
 }
 
-.text-v-center {
-    vertical-align: middle !important;
-}
-
 .muted {
     filter: alpha(opacity=20);
     opacity: 0.2;

resources/views/server/tasks/index.blade.php

@@ -52,10 +52,10 @@
                         @endif
                     </td>
                     @can('delete-task', $server)
-                        <td class="text-center text-v-center"><a href="#" data-action="delete-task" data-id="{{ $task->id }}"><i class="fa fa-fw fa-trash-o text-danger" data-toggle="tooltip" data-placement="top" title="Delete"></i></a></td>
+                        <td class="text-center align-middle"><a href="#" data-action="delete-task" data-id="{{ $task->id }}"><i class="fa fa-fw fa-trash-o text-danger" data-toggle="tooltip" data-placement="top" title="Delete"></i></a></td>
                     @endcan
                     @can('toggle-task', $server)
-                        <td class="text-center text-v-center"><a href="#" data-action="toggle-task" data-active="{{ $task->active }}" data-id="{{ $task->id }}"><i class="fa fa-fw fa-eye-slash text-primary" data-toggle="tooltip" data-placement="top" title="Toggle Status"></i></a></td>
+                        <td class="text-center align-middle"><a href="#" data-action="toggle-task" data-active="{{ $task->active }}" data-id="{{ $task->id }}"><i class="fa fa-fw fa-eye-slash text-primary" data-toggle="tooltip" data-placement="top" title="Toggle Status"></i></a></td>
                     @endcan
 
                 </tr>