From 6044cc0311671821dff15b4f739a0952d292ca7f Mon Sep 17 00:00:00 2001
From: jlukic <jacklukic@gmail.com>
Date: Thu, 20 Feb 2014 21:10:03 -0500
Subject: [PATCH] Fixes #632 Border radius on corner label does not match some
 UI elements

---
 src/elements/input.less |  7 +------
 src/elements/label.less | 42 +++++++++++++++++++++++++++++++++--------
 2 files changed, 35 insertions(+), 14 deletions(-)

diff --git a/src/elements/input.less b/src/elements/input.less
index cbdec80ab..5ad01aaf0 100755
--- a/src/elements/input.less
+++ b/src/elements/input.less
@@ -248,17 +248,12 @@
 ---------------------*/
 
 .ui.labeled.input .corner.label {
-  top: 1px;
-  right: 1px;
-  font-size: 0.55em;
+  font-size: 0.7em;
 
   -webkit-border-top-right-radius: 0.3125em;
   -moz-border-top-right-radius: 0.3125em;
   border-top-right-radius: 0.3125em;
 }
-.ui.labeled.input .corner.label > .icon {
-  margin: 0.4em 0em 0em 2em;
-}
 .ui.labeled.input input {
   padding-right: 2.5em !important;
 }
diff --git a/src/elements/label.less b/src/elements/label.less
index 4ef2dac0e..08086dae1 100755
--- a/src/elements/label.less
+++ b/src/elements/label.less
@@ -397,9 +397,8 @@ a.ui.label:hover:before {
   z-index: 10;
   margin: 0em;
 
-  font-size: 0.8125em;
-  width: 2rem;
-  height: 2rem;
+  width: 3em;
+  height: 3em;
   padding: 0em;
 
   text-align: center;
@@ -435,15 +434,17 @@ a.ui.label:hover:before {
 }
 
 .ui.corner.label .icon {
-  margin: 0.4em 0em 0em 0.7em;
+  font-size: 0.875em;
+  margin: 0.5em 0em 0em 1.25em;
 }
 .ui.corner.label .text {
   display: inline-block;
   font-weight: bold;
-  margin: 0.5em 0em 0em 0.6em;
+
+  margin: 0.5em 0em 0em 1em;
   width: 2.5em;
+  font-size: 0.875em;
 
-  font-size: 0.82em;
   text-align: center;
 
   -webkit-transform: rotate(45deg);
@@ -453,6 +454,31 @@ a.ui.label:hover:before {
   transform: rotate(45deg);
 }
 
+/* Coupling */
+.ui.rounded.image > .ui.corner.label,
+.ui.input > .ui.corner.label,
+.ui.segment > .ui.corner.label {
+  overflow: hidden;
+}
+.ui.segment > .ui.corner.label {
+  top: -1px;
+  right: -1px;
+}
+.ui.segment > .ui.left.corner.label {
+  right: auto;
+  left: -1px;
+}
+.ui.input > .ui.corner.label{
+  top: 1px;
+  right: 1px;
+}
+.ui.input > .ui.right.corner.label {
+  right: auto;
+  left: 1px;
+}
+
+
+
 /* Left Corner */
 .ui.left.corner.label,
 .ui.left.corner.label:after {
@@ -468,10 +494,10 @@ a.ui.label:hover:before {
   border-top-color: inherit;
 }
 .ui.left.corner.label .icon {
-  margin: 0.4em 0em 0em -0.7em;
+  margin: 0.5em 0em 0em -1em;
 }
 .ui.left.corner.label .text {
-  margin: 0.5em 0em 0em -0.6em;
+  margin: 0.5em 0em 0em -1em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);