From c2f6ffc04300df10b8f863b7913e3ad351a17d0d Mon Sep 17 00:00:00 2001
From: Daniel Supernault <danielsupernault@gmail.com>
Date: Mon, 4 Jun 2018 21:33:19 -0600
Subject: [PATCH] Make #122 responsive

Closes #119
---
 resources/views/admin/users/home.blade.php | 55 +++++++++++-----------
 1 file changed, 28 insertions(+), 27 deletions(-)

diff --git a/resources/views/admin/users/home.blade.php b/resources/views/admin/users/home.blade.php
index ad09937f..304f0506 100644
--- a/resources/views/admin/users/home.blade.php
+++ b/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>