Adjust filemanager display

Author: DaneEveritt

public/js/laroute.js

@@ -272,3 +272,7 @@ span[aria-labelledby="select2-pUserId-container"] {
 .no-margin-bottom {
     margin-bottom: 0 !important;
 }
+
+.btn-icon > i.fa {
+    line-height: 1.5;
+}

public/themes/pterodactyl/css/pterodactyl.css

@@ -84,7 +84,7 @@ class FileManager {
     }
 
     addFolderButton() {
-        $('i[data-action="add-folder"]').unbind().on('click', () => {
+        $('[data-action="add-folder"]').unbind().on('click', () => {
             new ActionsClass().folder($('#file_listing').data('current-dir') || '/');
         })
     }

public/themes/pterodactyl/js/frontend/files/filemanager.min.js

@@ -18,26 +18,29 @@
 {{-- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE --}}
 {{-- SOFTWARE. --}}
 
-<div class="box-header">
-    <i class="fa fa-refresh muted muted-hover use-pointer" data-action="reload-files"></i>
-    <code class="box-title">/home/container{{ $directory['header'] }}</code>
-    <a class="text-muted">
-        <i class="fa fa-plus" data-action="add-folder" data-toggle="tooltip" data-placement="top" title="@lang('server.files.add_folder')"></i>
-    </a>
+<div class="box-header with-border">
+    <h3 class="box-title">/home/container{{ $directory['header'] }}</h3>
     <div class="box-tools pull-right">
-        <a class="btn btn-primary btn-sm" href="/server/{{ $server->uuidShort }}/files/add/@if($directory['header'] !== '')?dir={{ $directory['header'] }}@endif">
-            <i class="fa fa-file"></i> Create File
-        </a>
-        <a class="btn btn-primary btn-sm btn-icon btn-file">
-            <i class="fa fa-upload"></i> Upload <input type="file" id="files_touch_target" style="display: none;">
+        <button class="btn btn-sm btn-success btn-icon" data-action="add-folder">
+            <i class="fa fa-fw fa-folder-open-o"></i>
+        </button>
+        <a href="/server/{{ $server->uuidShort }}/files/add/@if($directory['header'] !== '')?dir={{ $directory['header'] }}@endif">
+            <button class="btn btn-success btn-sm btn-icon">
+                <i class="fa fa-fw fa-file-text-o"></i>
+            </button>
         </a>
+        <label class="btn btn-primary btn-sm btn-icon">
+            <i class="fa fa-fw fa-upload"></i><input type="file" id="files_touch_target" class="hidden">
+        </label>
     </div>
 </div>
 <div class="box-body table-responsive no-padding">
     <table class="table table-hover" id="file_listing" data-current-dir="{{ $directory['header'] }}">
         <thead>
             <tr>
-                <th style="width:2%;" class="middle"></th>
+                <th style="width:2%;" class="middle text-center">
+                    <i class="fa fa-refresh muted muted-hover use-pointer" data-action="reload-files" style="font-size:14px;"></i>
+                </th>
                 <th style="width:55%">@lang('server.files.file_name')</th>
                 <th style="width:15%" class="hidden-xs">@lang('server.files.size')</th>
                 <th style="width:20%" class="hidden-xs">@lang('server.files.last_modified')</th>