From 3229a84ee55bce457b84188f31d89d0e4550956c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal@binarity.cz>
Date: Tue, 13 Sep 2016 02:57:42 +0200
Subject: [PATCH] FEATURE: make user list vertical

---
 resources/assets/admin/css/vendor.css               |  9 ++++++++-
 .../views/admin/userManagement/overview.blade.php   | 13 ++++++-------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/resources/assets/admin/css/vendor.css b/resources/assets/admin/css/vendor.css
index a1a072a0..a52f9783 100644
--- a/resources/assets/admin/css/vendor.css
+++ b/resources/assets/admin/css/vendor.css
@@ -14168,7 +14168,7 @@ img {
 }
 
 .users-list img {
-	border-radius: 500px;
+	border-radius: 50%;
 	padding: 3px;
 }
 
@@ -14363,4 +14363,11 @@ img {
 .pagination li {
 	display: inline;
 	padding: .5em;
+}
+
+.truncate {
+	width: 90%;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
\ No newline at end of file
diff --git a/resources/views/admin/userManagement/overview.blade.php b/resources/views/admin/userManagement/overview.blade.php
index 4192dea5..9442ecec 100644
--- a/resources/views/admin/userManagement/overview.blade.php
+++ b/resources/views/admin/userManagement/overview.blade.php
@@ -12,15 +12,15 @@
 @section('content')
     <div class="row users-list">
         @forelse($users as $user)
-            <div class="col-lg-4">
-                <div class="card card-default">
-                    <div class="row card-block">
-                        <div class="col-lg-4 text-center">
+            <div class="col-xs-12 col-sm-6 col-md-4 col-lg-3 ">
+                <div class="card card-default ">
+                    <div class="card-block truncate">
+                        <div class="cl-xs-12 text-center">
                             <a href="{{route('users.edit', ['id' => $user->id])}}">
-                                <img src="{{$user->gravatar(350)}}" alt="" />
+                                <img src="{{$user->gravatar(100)}}" alt="" />
                             </a>
                         </div>
-                        <div class="col-lg-8">
+                        <div class="col-xs-12">
                             <ul>
                                 <li><a href="{{route('users.edit', ['id' => $user->id])}}">{{$user->name}}</a></li>
                                 <li>{{$user->email}}</li>
@@ -31,7 +31,6 @@
                     <div class="card-footer text-right">
                         <a href="{{route('users.edit', ['id' => $user->id])}}" class="btn btn-primary"><i
                                     class="fa fa-pencil edit"></i></a>
-
                         <a href="#" class="btn btn-danger"><i class="fa fa-trash edit"></i></a>
                     </div>
                 </div>