Continuing to tweak corner label positions, fixes flud input example

Former-commit-id: 72e157cf5f
Former-commit-id: 9f7a2273f0

build/less/elements/label.less

@@ -389,8 +389,8 @@ a.ui.label:hover:before {
   height: 0em;
 
   border-top: 0em solid transparent;
-  border-right: 3.25em solid transparent;
-  border-bottom: 3.25em solid transparent;
+  border-right: 3em solid transparent;
+  border-bottom: 3em solid transparent;
   border-left: 0em solid transparent;
 
   border-right-color: inherit;
@@ -403,12 +403,12 @@ a.ui.label:hover:before {
 }
 
 .ui.corner.label .icon {
-  margin: 0.5em 0em 0em 0.6em;
+  margin: 0.4em 0em 0em 0.7em;
 }
 .ui.corner.label .text {
   display: inline-block;
   font-weight: bold;
-  margin: 0.75em 0em 0em 0.5em;
+  margin: 0.5em 0em 0em 0.6em;
   width: 2.5em;
 
   font-size: 0.82em;
@@ -428,15 +428,15 @@ a.ui.label:hover:before {
   left: 0em;
 }
 .ui.left.corner.label:after {
-  border-top: 3.25em solid transparent;
-  border-right: 3.25em solid transparent;
+  border-top: 3em solid transparent;
+  border-right: 3em solid transparent;
   border-bottom: 0em solid transparent;
   border-left: 0em solid transparent;
 
   border-top-color: inherit;
 }
 .ui.left.corner.label .text {
-  margin: 0.75em 0em 0em -0.5em;
+  margin: 0.5em 0em 0em -0.6em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);

build/uncompressed/elements/label.css

@@ -306,8 +306,8 @@ a.ui.label:hover:before {
   width: 0em;
   height: 0em;
   border-top: 0em solid transparent;
-  border-right: 3.25em solid transparent;
-  border-bottom: 3.25em solid transparent;
+  border-right: 3em solid transparent;
+  border-bottom: 3em solid transparent;
   border-left: 0em solid transparent;
   border-right-color: inherit;
   -webkit-transition: border-color 0.2s ease;
@@ -317,12 +317,12 @@ a.ui.label:hover:before {
   transition: border-color 0.2s ease;
 }
 .ui.corner.label .icon {
-  margin: 0.5em 0em 0em 0.6em;
+  margin: 0.4em 0em 0em 0.7em;
 }
 .ui.corner.label .text {
   display: inline-block;
   font-weight: bold;
-  margin: 0.75em 0em 0em 0.5em;
+  margin: 0.5em 0em 0em 0.6em;
   width: 2.5em;
   font-size: 0.82em;
   text-align: center;
@@ -339,14 +339,14 @@ a.ui.label:hover:before {
   left: 0em;
 }
 .ui.left.corner.label:after {
-  border-top: 3.25em solid transparent;
-  border-right: 3.25em solid transparent;
+  border-top: 3em solid transparent;
+  border-right: 3em solid transparent;
   border-bottom: 0em solid transparent;
   border-left: 0em solid transparent;
   border-top-color: inherit;
 }
 .ui.left.corner.label .text {
-  margin: 0.75em 0em 0em -0.5em;
+  margin: 0.5em 0em 0em -0.6em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);

node/src/documents/elements/input.html.eco

@@ -126,9 +126,9 @@ type        : 'UI Element'
   <div class="example">
     <h4 class="ui header">Fluid</h4>
     <p>An input can take the size of its container</p>
-    <div class="ui fluid input">
+    <div class="ui fluid icon input">
       <input type="text" placeholder="Search a very wide input...">
-      <div class="ui icon button"><i class="search icon"></i></div>
+      <i class="search icon"></i>
     </div>
   </div>
 

node/src/files/build/less/elements/label.less

@@ -389,8 +389,8 @@ a.ui.label:hover:before {
   height: 0em;
 
   border-top: 0em solid transparent;
-  border-right: 3.25em solid transparent;
-  border-bottom: 3.25em solid transparent;
+  border-right: 3em solid transparent;
+  border-bottom: 3em solid transparent;
   border-left: 0em solid transparent;
 
   border-right-color: inherit;
@@ -403,12 +403,12 @@ a.ui.label:hover:before {
 }
 
 .ui.corner.label .icon {
-  margin: 0.5em 0em 0em 0.6em;
+  margin: 0.4em 0em 0em 0.7em;
 }
 .ui.corner.label .text {
   display: inline-block;
   font-weight: bold;
-  margin: 0.75em 0em 0em 0.5em;
+  margin: 0.5em 0em 0em 0.6em;
   width: 2.5em;
 
   font-size: 0.82em;
@@ -428,15 +428,15 @@ a.ui.label:hover:before {
   left: 0em;
 }
 .ui.left.corner.label:after {
-  border-top: 3.25em solid transparent;
-  border-right: 3.25em solid transparent;
+  border-top: 3em solid transparent;
+  border-right: 3em solid transparent;
   border-bottom: 0em solid transparent;
   border-left: 0em solid transparent;
 
   border-top-color: inherit;
 }
 .ui.left.corner.label .text {
-  margin: 0.75em 0em 0em -0.5em;
+  margin: 0.5em 0em 0em -0.6em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);

node/src/files/build/uncompressed/elements/label.css

@@ -306,8 +306,8 @@ a.ui.label:hover:before {
   width: 0em;
   height: 0em;
   border-top: 0em solid transparent;
-  border-right: 3.25em solid transparent;
-  border-bottom: 3.25em solid transparent;
+  border-right: 3em solid transparent;
+  border-bottom: 3em solid transparent;
   border-left: 0em solid transparent;
   border-right-color: inherit;
   -webkit-transition: border-color 0.2s ease;
@@ -317,12 +317,12 @@ a.ui.label:hover:before {
   transition: border-color 0.2s ease;
 }
 .ui.corner.label .icon {
-  margin: 0.5em 0em 0em 0.6em;
+  margin: 0.4em 0em 0em 0.7em;
 }
 .ui.corner.label .text {
   display: inline-block;
   font-weight: bold;
-  margin: 0.75em 0em 0em 0.5em;
+  margin: 0.5em 0em 0em 0.6em;
   width: 2.5em;
   font-size: 0.82em;
   text-align: center;
@@ -339,14 +339,14 @@ a.ui.label:hover:before {
   left: 0em;
 }
 .ui.left.corner.label:after {
-  border-top: 3.25em solid transparent;
-  border-right: 3.25em solid transparent;
+  border-top: 3em solid transparent;
+  border-right: 3em solid transparent;
   border-bottom: 0em solid transparent;
   border-left: 0em solid transparent;
   border-top-color: inherit;
 }
 .ui.left.corner.label .text {
-  margin: 0.75em 0em 0em -0.5em;
+  margin: 0.5em 0em 0em -0.6em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);

src/elements/label.less

@@ -389,8 +389,8 @@ a.ui.label:hover:before {
   height: 0em;
 
   border-top: 0em solid transparent;
-  border-right: 3.25em solid transparent;
-  border-bottom: 3.25em solid transparent;
+  border-right: 3em solid transparent;
+  border-bottom: 3em solid transparent;
   border-left: 0em solid transparent;
 
   border-right-color: inherit;
@@ -403,12 +403,12 @@ a.ui.label:hover:before {
 }
 
 .ui.corner.label .icon {
-  margin: 0.5em 0em 0em 0.6em;
+  margin: 0.4em 0em 0em 0.7em;
 }
 .ui.corner.label .text {
   display: inline-block;
   font-weight: bold;
-  margin: 0.75em 0em 0em 0.5em;
+  margin: 0.5em 0em 0em 0.6em;
   width: 2.5em;
 
   font-size: 0.82em;
@@ -428,15 +428,15 @@ a.ui.label:hover:before {
   left: 0em;
 }
 .ui.left.corner.label:after {
-  border-top: 3.25em solid transparent;
-  border-right: 3.25em solid transparent;
+  border-top: 3em solid transparent;
+  border-right: 3em solid transparent;
   border-bottom: 0em solid transparent;
   border-left: 0em solid transparent;
 
   border-top-color: inherit;
 }
 .ui.left.corner.label .text {
-  margin: 0.75em 0em 0em -0.5em;
+  margin: 0.5em 0em 0em -0.6em;
   -webkit-transform: rotate(-45deg);
   -moz-transform: rotate(-45deg);
   -o-transform: rotate(-45deg);