horizontal cards (publiclab#5740)

naseehasalam · May 21, 2019 · d7fcbc5 · d7fcbc5
1 parent 4ac6e9a
commit d7fcbc5
Showing 1 changed file with 31 additions and 21 deletions.
diff --git a/app/views/users/list.html.erb b/app/views/users/list.html.erb
@@ -1,5 +1,3 @@
-<div class="container">
-<div class="row">
 <div class="col-md-6" style="font-family:Junction Regular;">
 <% if current_user && (current_user.role == "admin" || current_user.role == "moderator")%>
 <h3><%= t('users.list.user_moderation') %></h3>
@@ -23,43 +21,47 @@
     <% @users.each do |user| %>
       <div class ="col-md-6" id="user">
         <div class="card">
-           <div class="card-body">
-            <div class="profile-image text-center">
-                <img class="rounded-circle img-fluid" id="profile-photo" src="<%= user.profile_image %>" />
+           <div class="row card-body">
+            <div class="col-md-5 nopadding">
+              <div class="profile-image text-center">
+                  <img class="rounded-circle img-fluid" id="profile-photo" src="<%= user.profile_image %>" />
+              </div>
             </div>
-            <br>
-            <div class="card-info">
-            <a href="/profile/<%= user.username %>"><%= user.username %></a>
-              <div class="sub-info">
-                <div>Last Activity : <%= t = user.revisions.order(timestamp: :desc).first.try(:created_at);time_ago_in_words(t) if (t) %></div>
-                <div>History : <%= user.nodes.count %> <%= t('users.list.notes_and_edits') %></div>
-                <div> Joined : <%= distance_of_time_in_words(user.created_at, Time.current, { include_seconds: false, scope: 'datetime.time_ago_in_words' }) %></div>
+            <div class="col-md-7 nopadding">
+              <div class="card-info">
+                <a href="/profile/<%= user.username %>"><%= user.username %></a>
+                  <div class="sub-info">
+                    <div>Last Activity : <%= t = user.revisions.order(timestamp: :desc).first.try(:created_at);time_ago_in_words(t) if (t) %></div>
+                    <div>History : <%= user.nodes.count %> <%= t('users.list.notes_and_edits') %></div>
+                    <div> Joined : <%= distance_of_time_in_words(user.created_at, Time.current, { include_seconds: false, scope: 'datetime.time_ago_in_words' }) %></div>
+                  </div>
               </div>
-              <% if current_user && (current_user.role == "admin" || current_user.role == "moderator") %>
+            </div>
+            <% if current_user && (current_user.role == "admin" || current_user.role == "moderator") %>
+              <div class="col-md-12">  
                 <div style="padding-top:16px; text-align:center;">
                   <% if user.status == 0 %>
                     <i class='fa fa-ban' style="color:#a00;font-size:1em"></i> <%= t('users.list.banned') %>
                   <% elsif user.status == 1 %>
                     <a class="btn btn-outline-secondary btn-sm" style="font-size:1em;" data-confirm="<%= t('users.list.are_you_sure') %>" href="/ban/<%= user.uid %>" ><i class='fa fa-ban'></i> <%= t('users.list.ban') %></a>
                   <% end %>
                 </div>
-               <% end %>
-            </div>
-            </div>
+              </div>
+            <% end %>
+
           </div>
         </div>
-      <% end %>
+      </div>
+    <% end %>
   </div>
   <%= will_paginate @users, renderer: WillPaginate::ActionView::BootstrapLinkRenderer unless @unpaginated %>
 </div>
-<div class="col-md-6 d-none d-md-block" style="margin-top:2em;">
+<div class="col-md-6 d-none d-md-block">
 <%= render :partial => "map/peopleLeaflet" , locals: {people: true , lat:23 , lon: 4} %>
 </div>
-<div class="col-md-6 d-md-none" style="margin-top:2em;">
+<div class="col-md-6 d-md-none">
 <%= render :partial => "map/peopleLeaflet" , locals: {people: true , lat:23 , lon: 4} %>
 </div>
-</div>
-</div>
 <style>
 #user {
   padding:10px 8px 10px 8px
@@ -77,6 +79,9 @@ h5 {
 
 .card-body {
   margin-bottom:0.3em;
+  margin-right: 0.1em;
+  margin-left: 0.3em;
+  padding: 0.8em;
 }
 
 .profile-image {
@@ -110,4 +115,9 @@ h5 {
     right:0;
     position:fixed;
 }
+
+.nopadding {
+   padding: 0 !important;
+   margin: 0 !important;
+}
 </style>