Make #122 responsive

Closes #119

resources/views/admin/users/home.blade.php

@@ -6,33 +6,34 @@
   </div>
 
   <hr>
-
-  <table class="table">
-    <thead class="thead-dark">
-      <tr>
-        <th scope="col">Username</th>
-        <th scope="col">Statuses</th>
-        <th scope="col">Storage</th>
-        <th scope="col">Role</th>
-        <th scope="col">Created</th>
-      </tr>
-    </thead>
-    <tbody>
-      @foreach($users as $user)
-      <tr>
-        <th scope="row">
-          <a href="{{$user->url()}}">
-            {{$user->username}}
-          </a>
-        </th>
-        <td>{{$user->profile->statuses->count()}}</td>
-        <td><p class="human-size" data-bytes="{{App\Media::whereUserId($user->id)->sum('size')}}"></p></td>
-        <td>{!!$user->is_admin ? '<span class="text-danger">admin</span>' : 'member'!!}</td>
-        <td>{{$user->created_at->diffForHumans(null, true, true)}}</td>
-      </tr>
-      @endforeach
-    </tbody>
-  </table>
+  <div class="table-responsive">
+    <table class="table">
+      <thead class="thead-dark">
+        <tr>
+          <th scope="col">Username</th>
+          <th scope="col">Statuses</th>
+          <th scope="col">Storage</th>
+          <th scope="col">Role</th>
+          <th scope="col">Created</th>
+        </tr>
+      </thead>
+      <tbody>
+        @foreach($users as $user)
+        <tr>
+          <th scope="row">
+            <a href="{{$user->url()}}">
+              {{$user->username}}
+            </a>
+          </th>
+          <td>{{$user->profile->statuses->count()}}</td>
+          <td><p class="human-size" data-bytes="{{App\Media::whereUserId($user->id)->sum('size')}}"></p></td>
+          <td>{!!$user->is_admin ? '<span class="text-danger">admin</span>' : 'member'!!}</td>
+          <td>{{$user->created_at->diffForHumans(null, true, true)}}</td>
+        </tr>
+        @endforeach
+      </tbody>
+    </table>
+  </div>
   <div class="d-flex justify-content-center mt-5 small">
     {{$users->links()}}
   </div>