From 386fe9c5adc1c3970ad03c5eccde50eb1fb35d45 Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Wed, 21 Jan 2015 14:00:21 -0500
Subject: [PATCH] Actually fixes #1680, issue with ribbon sizing

---
 src/definitions/elements/label.less         | 2 +-
 src/themes/default/elements/label.variables | 5 +++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/definitions/elements/label.less b/src/definitions/elements/label.less
index c9daf9616..ae45d3ae2 100755
--- a/src/definitions/elements/label.less
+++ b/src/definitions/elements/label.less
@@ -319,7 +319,7 @@ a.ui.label {
   position: relative;
   margin: 0em;
 
-  left: -@ribbonDistance;
+  left: @ribbonOffset;
   padding-left: @ribbonDistance;
   border-radius: 0em @borderRadius @borderRadius 0em;
   border-color: @ribbonShadowColor;
diff --git a/src/themes/default/elements/label.variables b/src/themes/default/elements/label.variables
index ebe1df61f..9d26603ea 100644
--- a/src/themes/default/elements/label.variables
+++ b/src/themes/default/elements/label.variables
@@ -90,9 +90,10 @@
 @tagTransition: background @labelTransitionDuration @labelTransitionEasing;
 
 /* Ribbon */
-@ribbonDistance: 2em;
-@ribbonMargin: 1em;
 @ribbonTriangleSize: 1.2em;
+@ribbonOffset: ~"calc(-1rem - "@ribbonTriangleSize~")";
+@ribbonDistance: ~"calc(1rem + "@ribbonTriangleSize~")";
+@ribbonMargin: 1em;
 @ribbonShadowColor: rgba(0, 0, 0, 0.15);
 
 @blackRibbonShadow: darken(@black, 10);