From ade9ad62e388e06356df37576f921d535ff58033 Mon Sep 17 00:00:00 2001
From: Felix Niklas <mrflix@gmail.com>
Date: Wed, 17 Feb 2016 15:30:05 +0100
Subject: [PATCH] settings-list-controls, a new class promoting bigger click
 areas for controls in settings list

---
 .../app/views/profile/devices.jst.eco           |  5 ++++-
 app/assets/stylesheets/zammad.scss              | 17 +++++++++++++++++
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/assets/javascripts/app/views/profile/devices.jst.eco b/app/assets/javascripts/app/views/profile/devices.jst.eco
index ee81a2999..c72378fa8 100644
--- a/app/assets/javascripts/app/views/profile/devices.jst.eco
+++ b/app/assets/javascripts/app/views/profile/devices.jst.eco
@@ -21,7 +21,10 @@
         <td><%= device.name %></td>
         <td><%= device.location %></td>
         <td><%- @humanTime(device.updated_at) %></td>
-        <td><a href="#" data-device-id="<%- device.id %>" data-type="delete" title="<%- @Ti('Delete') %>"<% if device.current: %>disabled<% end %>><%- @Icon('trash') %></a></td>
+        <td class="settings-list-controls">
+          <div>
+            <a class="settings-list-control" href="#" data-device-id="<%- device.id %>" data-type="delete" title="<%- @Ti('Delete') %>"<% if device.current: %>disabled<% end %>><%- @Icon('trash') %></a>
+          </div>
       </tr>
     <% end %>
     </tbody>
diff --git a/app/assets/stylesheets/zammad.scss b/app/assets/stylesheets/zammad.scss
index e75015fcd..8902b4f17 100644
--- a/app/assets/stylesheets/zammad.scss
+++ b/app/assets/stylesheets/zammad.scss
@@ -6943,6 +6943,23 @@ output {
     }
   }
 
+
+  .settings-list-controls {
+    padding: 0;
+    
+    & > div {
+      display: flex;
+      min-height: 40px;
+    }
+
+    .settings-list-control {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      padding: 0 10px;
+    }
+  }
+
   .settings-list-control-cell {
     padding: 5px;