From 6a32f4f02653634cd81bf6da30d9d887e7cb94a3 Mon Sep 17 00:00:00 2001 From: Jeremy Helms Date: Tue, 30 Aug 2016 22:59:22 -0500 Subject: [PATCH 1/2] Centers checkbox without using explicit margin values --- chrome-extension/app/styles/main.css | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/chrome-extension/app/styles/main.css b/chrome-extension/app/styles/main.css index af66bb8..f2561dc 100644 --- a/chrome-extension/app/styles/main.css +++ b/chrome-extension/app/styles/main.css @@ -221,11 +221,15 @@ body { .sidebar-list-item-checkbox { flex: none; + width: 20px; } .sidebar-list-item-checkbox input { float: left; - margin: 7px 8px 7px 0px; + margin: 0; + position: relative; + top: 50%; + transform: translateY(-50%); } .sidebar-list-item.selected .sidebar-list-item-subtitle { From fde6e97cef57c97cd31c9b9d9f04a8dcfa9d2571 Mon Sep 17 00:00:00 2001 From: Jeremy Helms Date: Tue, 30 Aug 2016 23:01:46 -0500 Subject: [PATCH 2/2] Subtracts checkbox & delete icon width from title/subtitle wrapper width --- chrome-extension/app/styles/main.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/chrome-extension/app/styles/main.css b/chrome-extension/app/styles/main.css index f2561dc..ed5a783 100644 --- a/chrome-extension/app/styles/main.css +++ b/chrome-extension/app/styles/main.css @@ -185,7 +185,7 @@ body { } .sidebar-list-item-data { - width: 100%; + width: calc(100% - 20px - 13px); } .sidebar-list-item-title {