From 17d2331322f2e0376a9afe63f9804436824fdc37 Mon Sep 17 00:00:00 2001
From: Andrew Croce <andrew+dds@promptworks.com>
Date: Thu, 18 Oct 2018 08:48:00 -0400
Subject: [PATCH] fix styles

---
 styles/elements/_block_lists.scss | 38 +++++++++++++++++++------------
 1 file changed, 23 insertions(+), 15 deletions(-)

diff --git a/styles/elements/_block_lists.scss b/styles/elements/_block_lists.scss
index 54c78cec..f2c9cc58 100644
--- a/styles/elements/_block_lists.scss
+++ b/styles/elements/_block_lists.scss
@@ -68,6 +68,24 @@
   }
 }
 
+@mixin block-list-selectable-label {
+  margin: 0;
+  max-width: none;
+  display: flex;
+  flex-direction: row-reverse;
+  align-items: center;
+  justify-content: space-between;
+  &::before {
+    flex-shrink: 0;
+    margin-right: 0;
+    margin-left: $gap * 2;
+  }
+
+  &:hover {
+    color: $color-primary;
+  }
+}
+
 
 .block-list {
   @include block-list;
@@ -110,24 +128,14 @@
       flex-direction: row-reverse;
 
       > label {
-        margin: 0;
-        max-width: none;
-        display: flex;
-        flex-direction: row-reverse;
-        align-items: center;
-        justify-content: space-between;
-        &::before {
-          flex-shrink: 0;
-          margin-right: 0;
-          margin-left: $gap * 2;
-        }
-
-        &:hover {
-          color: $color-primary;
-        }
+        @include block-list-selectable-label;
       }
     }
 
+    > label {
+      @include block-list-selectable-label;
+    }
+
     input:checked {
       + label {
         color: $color-primary;