Fix flag collision with ui flag, fix attached label borders

src/definitions/elements/flag.less

@@ -20,7 +20,6 @@
 
 i.flag {
   display: inline-block;
-  background: url(@spritePath) no-repeat 0px 0px;
 
   width: @width;
   height: @height;
@@ -28,6 +27,16 @@ i.flag {
   line-height: @height;
   vertical-align: @verticalAlign;
   margin: 0em @margin 0em 0em;
+
+  text-decoration: inherit;
+
+  speak: none;
+  font-smoothing: antialiased;
+  backface-visibility: hidden;
+}
+
+i.flag:before {
+  background: url(@spritePath) no-repeat 0px 0px;
 }
 
 .loadUIOverrides();

src/definitions/elements/icon.less

@@ -74,6 +74,10 @@ i.icon {
   backface-visibility: hidden;
 }
 
+i.icon:before {
+  background: none !important;
+}
+
 /*******************************
              Types
 *******************************/

src/definitions/elements/label.less

@@ -118,10 +118,10 @@ a.ui.label {
 --------------------*/
 
 /* Padding on next content after a label */
-.ui.segment > .top.attached.label:first-child + * {
+.ui.top.attached.label:first-child + * {
   margin-top: @attachedSegmentPadding;
 }
-.ui.segment > .bottom.attached.label:first-child ~ :last-child {
+.ui.bottom.attached.label:first-child ~ :last-child {
   margin-top: 0em;
   margin-bottom: @attachedSegmentPadding;
 }