From aac00f123b4740cd816cb4fba0d25afaa0c773ff Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Tue, 30 Dec 2014 12:25:12 -0500
Subject: [PATCH] Leet fix for #1337, checkbox now supports multi-line label

---
 src/definitions/modules/checkbox.less         | 14 ++++++++------
 src/themes/default/modules/checkbox.variables |  1 +
 2 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/definitions/modules/checkbox.less b/src/definitions/modules/checkbox.less
index 62b18a20e..3e794d43a 100755
--- a/src/definitions/modules/checkbox.less
+++ b/src/definitions/modules/checkbox.less
@@ -32,7 +32,7 @@
   position: relative;
   display: inline-block;
 
-  height: @checkboxSize;
+  min-height: @checkboxSize;
 
   font-size: 1rem;
   line-height: @checkboxLineHeight;
@@ -213,7 +213,7 @@
 ---------------*/
 
 .ui.radio.checkbox {
-  height: @checkboxRadioSize;
+  min-height: @checkboxRadioSize;
 }
 
 /* Box */
@@ -255,7 +255,7 @@
 
 .ui.slider.checkbox {
   cursor: pointer;
-  height: @sliderHeight;
+  min-height: @sliderHeight;
 }
 
 .ui.slider.checkbox .box,
@@ -350,16 +350,18 @@
 
 .ui.toggle.checkbox {
   cursor: pointer;
-  height: @toggleHeight;
+  min-height: @toggleHeight;
 }
 
 .ui.toggle.checkbox .box,
 .ui.toggle.checkbox label {
-  height: @toggleHandleSize;
+  min-height: @toggleHandleSize;
   padding-left: @toggleLabelDistance;
-  line-height: @toggleLabelLineHeight;
   color: @toggleOffLabelColor;
 }
+.ui.toggle.checkbox label {
+  padding-top: @toggleLabelOffset;
+}
 
 /* Switch */
 .ui.toggle.checkbox .box:before,
diff --git a/src/themes/default/modules/checkbox.variables b/src/themes/default/modules/checkbox.variables
index 3bbe29740..ae911781c 100644
--- a/src/themes/default/modules/checkbox.variables
+++ b/src/themes/default/modules/checkbox.variables
@@ -123,6 +123,7 @@
 
 @toggleLabelDistance: @toggleLaneWidth + 1rem;
 @toggleLabelLineHeight: 1.5rem;
+@toggleLabelOffset: 0.15em;
 
 
 @toggleFocusColor: @strongTransparentBlack;