settings-list-controls, a new class promoting bigger click areas for controls in settings list

This commit is contained in:
Felix Niklas 2016-02-17 15:30:05 +01:00
parent 5437db72e6
commit ade9ad62e3
2 changed files with 21 additions and 1 deletions

View file

@ -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>

View file

@ -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;