additions to label, icon, header, button. near finishing comments

Former-commit-id: 8314092255c227872dcb33410a4939ca3602a8a2
Former-commit-id: 28ab6c00d9ccabbe549de0d518d95c70fe7b5c5e

build/minified/collections/message.min.css

@@ -1 +1 @@
-.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#E4F5FB;background-color:#E9F9FF;color:#4D8796}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#DEFCD5;color:#119000;border-color:#4D965B}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#96904D}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#964D4D}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}
+.ui.message{position:relative;min-height:18px;margin:1em 0;height:auto;background-color:rgba(0,0,0,.04);padding:1em;line-height:1.33;color:rgba(0,0,0,.6);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.ui.message .header{font-size:1.33em;font-weight:700}.ui.message .header+p{margin-top:0}.ui.message p{opacity:.85;margin:1em 0}.ui.message>:first-child{margin-top:0}.ui.message>:last-child{margin-bottom:0}.ui.message ul.list{opacity:.85;list-style-position:inside;margin:.2em 0;padding:0}.ui.message ul.list li{position:relative;list-style-type:none;font-style:italic;margin:0 0 0 1em;padding:0}.ui.message ul.list li:before{position:absolute;content:'\2022';top:-.05em;left:-.8em;height:100%;vertical-align:baseline;opacity:.5}.ui.message ul.list li:first-child{margin-top:0}.ui.message>.icon.close{cursor:pointer;position:absolute;top:1em;right:.5em;opacity:.7;-webkit-transition:opacity .1s linear;-moz-transition:opacity .1s linear;-o-transition:opacity .1s linear;-ms-transition:opacity .1s linear;transition:opacity .1s linear}.ui.message>.icon.close:hover{opacity:1}.ui.message.visible,.ui.header.visible{display:block!important}.ui.message.hidden,.ui.header.hidden{display:none}.ui.compact.message{display:inline-block}.ui.attached.message{margin-bottom:0;-webkit-border-radius:4px 4px 0 0;-moz-border-radius:4px 4px 0 0;border-radius:4px 4px 0 0;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.bottom.attached.message{margin-top:0;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;-webkit-box-shadow:0 0 0 1px #DDD;-moz-box-shadow:0 0 0 1px #DDD;box-shadow:0 0 0 1px #DDD}.ui.attached.message .header{font-size:1.1em}.ui.attached.message .icon{float:right}.ui.icon.message>.icon{display:table-cell;vertical-align:middle;font-size:3.8em;padding-right:.4em;opacity:.2}.ui.icon.message>.content{display:table-cell;vertical-align:middle}.ui.inverted.message{background-color:rgba(255,255,255,.05);color:rgba(255,255,255,.95)}.ui.black.message{background-color:#333;color:rgba(255,255,255,.95)}.ui.blue.message,.ui.info.message{border-color:#E4F5FB;background-color:#E9F9FF;color:#4D8796}.ui.green.message,.ui.success.message,.ui.positive.message{background-color:#DEFCD5;color:#119000;border-color:#4D965B}.ui.yellow.message,.ui.warning.message{background-color:#F6F3D5;border-color:#CBB105;color:#96904D}.ui.red.message,.ui.error.message,.ui.negative.message{background-color:#F1D7D7;color:#AD0000;border-color:#964D4D}.ui.small.message{font-size:.875em}.ui.message{font-size:1em}.ui.large.message{font-size:1.125em}.ui.huge.message{font-size:1.5em}.ui.massive.message{font-size:2em}

build/minified/elements/header.min.css

@@ -1 +1 @@
-.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{background-color:#E6EEF1;border-left:.2em solid #6ECFF5}.ui.black.block.header{background-color:#EAEAEA;border-left:.2em solid #5C6166}.ui.green.block.header{background-color:#EFF8E4;border-left:.2em solid #A1CF64}.ui.red.block.header{background-color:#F6E5E8;border-left:.2em solid #EF4D6D}.ui.purple.block.header{background-color:#EFEDF8;border-left:.2em solid #564F8A}.ui.teal.block.header{background-color:#E9F7F6;border-left:.2em solid #00B5AD}.ui.inverted.header{background-color:#222;color:#FFF}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-left:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.block.header{background-color:#F0F0F0;padding:.5em 1em}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.attached.header{padding:.7em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.header.icon{display:inline-block;text-align:center}.ui.header.icon .icon{display:block;font-size:4em;width:auto;margin:0rem auto 2rem;padding:0}
+.ui.header{border:0;margin:1em 0 1rem;padding:0;font-size:1.33em;font-weight:700;line-height:1.33}.ui.header .ui.sub.header,.ui.header .sub.header{font-size:1rem;font-weight:400;margin:0;padding:0;line-height:1.2;color:rgba(0,0,0,.5)}.ui.header:first-child{margin-top:0}.ui.header+p{margin-top:0}h1.ui.header{min-height:1rem;line-height:1.33;font-size:2rem}h2.ui.header{line-height:1.33;font-size:1.75rem}h3.ui.header{line-height:1.33;font-size:1.33rem}h4.ui.header{line-height:1.33;font-size:1.1rem}h5.ui.header{line-height:1.2;font-size:1rem}.ui.huge.header{min-height:1em;font-size:2em}.ui.large.header{font-size:1.75em}.ui.medium.header{font-size:1.33em}.ui.small.header{font-size:1.1em}.ui.tiny.header{font-size:1em}.ui.disabled.header{opacity:.5}.ui.blue.header{color:#6ECFF5!important}.ui.black.header{color:#5C6166!important}.ui.green.header{color:#A1CF64!important}.ui.red.header{color:#EF4D6D!important}.ui.purple.header{color:#564F8A!important}.ui.teal.header{color:#00B5AD!important}.ui.blue.block.header{background-color:#E6EEF1;border-left:.2em solid #6ECFF5}.ui.black.block.header{background-color:#EAEAEA;border-left:.2em solid #5C6166}.ui.green.block.header{background-color:#EFF8E4;border-left:.2em solid #A1CF64}.ui.red.block.header{background-color:#F6E5E8;border-left:.2em solid #EF4D6D}.ui.purple.block.header{background-color:#EFEDF8;border-left:.2em solid #564F8A}.ui.teal.block.header{background-color:#E9F7F6;border-left:.2em solid #00B5AD}.ui.inverted.header{background-color:#222;color:#FFF}.ui.inverted.black.header{background-color:#5C6166!important;color:#FFF!important}.ui.inverted.blue.header{background-color:#6ECFF5!important;color:#FFF!important}.ui.inverted.green.header{background-color:#A1CF64!important;color:#FFF!important}.ui.inverted.red.header{background-color:#EF4D6D!important;color:#FFF!important}.ui.inverted.purple.header{background-color:#564F8A!important;color:#FFF!important}.ui.inverted.teal.header{background-color:#00B5AD!important;color:#FFF!important}.ui.inverted.block.header{border-left:0}.ui.left.aligned.header{text-align:left}.ui.right.aligned.header{text-align:right}.ui.center.aligned.header{text-align:center}.ui.floated.header,.ui.left.floated.header{float:left}.ui.right.floated.header{float:right}.ui.block.header{background-color:#F0F0F0;padding:.5em 1em}.ui.dividing.header{padding-bottom:.2rem;border-bottom:1px solid rgba(0,0,0,.1)}.ui.attached.header{padding:.7em 1rem;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,.1);-moz-box-shadow:0 0 0 1px rgba(0,0,0,.1);box-shadow:0 0 0 1px rgba(0,0,0,.1)}.ui.top.attached.header{margin-bottom:0;-webkit-border-radius:.3125em .3125em 0 0;-moz-border-radius:.3125em .3125em 0 0;border-radius:.3125em .3125em 0 0}.ui.bottom.attached.header{margin-top:0;-webkit-border-radius:0 0 .3125em .3125em;-moz-border-radius:0 0 .3125em .3125em;border-radius:0 0 .3125em .3125em}.ui.header.icon{display:inline-block;text-align:center}.ui.header.icon .icon{display:block;font-size:4em;margin:0rem auto 2rem}

build/minified/views/comment.min.css

@@ -1 +1 @@
-.ui.comments a{cursor:pointer}.ui.comments .comment{position:relative;margin-top:.75em;padding-top:.75em;width:100%}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .avatar{display:block;float:left}.ui.comments .comment .avatar,.ui.comments .comment .avatar img{width:3em}.ui.comments .comment .avatar img{height:3em;border-radius:500px}.ui.comments .comment>.content,.ui.comments .comment>.avatar{display:block}.ui.comments .comment .avatar~.content{padding:0 1em}.ui.comments .comment>.avatar~.content{margin-left:3em}.ui.comments .comment .metadata{display:inline-block;margin-left:.3em;color:rgba(0,0,0,.4)}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .3em 0 0}.ui.comments .comment .text{margin:0 0 .5em}.ui.comments .comment .actions{font-size:.9em}.ui.comments .comment .actions a{display:inline-block;margin:0 .3em 0 0;color:rgba(0,0,0,.3)}.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.6)}.ui.comments .comment .comments{margin-top:1em;padding-top:1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments>.comment .comments{margin-left:2em}.ui.comments>.comment>.comments>.comment>.comments{margin-left:1.75em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments{margin-left:1.5em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments{margin-left:.5em}.ui.threaded.comments .comment .comments{margin-left:1.5em!important;padding-left:1.5em!important;-webkit-box-shadow:-1px 0 0 rgba(0,0,0,.05);-moz-box-shadow:-1px 0 0 rgba(0,0,0,.05);box-shadow:-1px 0 0 rgba(0,0,0,.05)}
+.ui.comments a{cursor:pointer}.ui.comments .comment{position:relative;margin-top:.75em;padding-top:.75em;width:100%}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .avatar{display:block;float:left}.ui.comments .comment .avatar,.ui.comments .comment .avatar img{width:3em}.ui.comments .comment .avatar img{height:3em;border-radius:500px}.ui.comments .comment>.content,.ui.comments .comment>.avatar{display:block}.ui.comments .comment .avatar~.content{padding:0 1em}.ui.comments .comment>.avatar~.content{margin-left:3em}.ui.comments .comment .metadata{display:inline-block;margin-left:.3em;color:rgba(0,0,0,.4)}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .3em 0 0}.ui.comments .comment .text{margin:0 0 .5em}.ui.comments .comment .actions{font-size:.9em}.ui.comments .comment .actions a{display:inline-block;margin:0 .3em 0 0;color:rgba(0,0,0,.3)}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.6)}.ui.comments .reply.form{margin-top:.5em;width:30em}.ui.comments .reply.form textarea{height:12em}.ui.comments .comment .comments{margin-top:1em;padding-top:1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments>.comment .comments{margin-left:2em}.ui.comments>.comment>.comments>.comment>.comments{margin-left:1.75em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments{margin-left:1.5em}.ui.comments>.comment>.comments>.comment>.comments>.comment>.comments>.comment .comments{margin-left:.5em}.ui.threaded.comments .comment .comments{margin-left:1.5em!important;padding-left:1.5em!important;-webkit-box-shadow:-1px 0 0 rgba(0,0,0,.05);-moz-box-shadow:-1px 0 0 rgba(0,0,0,.05);box-shadow:-1px 0 0 rgba(0,0,0,.05)}

build/packaged/semantic.min.css.REMOVED.git-id

@@ -1 +1 @@
-b76627d17c997fcaab0a4081d66d9e1253edeb18
+35b91725e2705e3e9d121159d94f3b3f9a1083de

build/uncompressed/collections/menu.css

@@ -745,8 +745,9 @@
   text-align: center;
   color: rgba(60, 60, 60, 0.7);
 }
-.ui.icon.menu .icon {
+.ui.icon.menu .item .icon {
   display: block;
+  float: none;
   margin: 0em auto;
   color: #3c3c3c;
 }

build/uncompressed/collections/message.css

@@ -141,6 +141,12 @@
   box-shadow: 0px 0px 0px 1px #DDDDDD
   ;
 }
+.ui.attached.message .header {
+  font-size: 1.1em;
+}
+.ui.attached.message .icon {
+  float: right;
+}
 /*--------------
       Icon
 ---------------*/

build/uncompressed/elements/button.css

@@ -459,11 +459,57 @@ Containing Icon
 /*--------------
    Labeled Icon
 ---------------*/
+.ui.labeled.icon.buttons .button,
+.ui.labeled.icon.button {
+  position: relative;
+  padding: 0.8em 1.5em 0.8em 4em !important;
+}
 .ui.labeled.icon.buttons .button .icon,
 .ui.labeled.icon.button .icon {
-  display: block;
-  font-size: 1.5em;
-  margin: 0em auto 0.3em;
+  position: absolute;
+  top: 0em;
+  left: 0em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 2.75em;
+  height: 100%;
+  padding-top: 0.8em;
+  background-color: rgba(0, 0, 0, 0.05);
+  text-align: center;
+  -webkit-border-radius: 0.3125em 0px 0px 0.3125em;
+  -moz-border-radius: 0.3125em 0px 0px 0.3125em;
+  border-radius: 0.3125em 0px 0px 0.3125em;
+  line-height: 1;
+  -webkit-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -moz-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+}
+.ui.labeled.icon.buttons .button .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+}
+.ui.labeled.icon.buttons .button:first-child .icon {
+  border-top-left-radius: 0.3125em;
+  border-bottom-left-radius: 0.3125em;
+}
+.ui.labeled.icon.buttons .button:last-child .icon {
+  border-top-right-radius: 0.3125em;
+  border-bottom-right-radius: 0.3125em;
+}
+.ui.vertical.labeled.icon.buttons .button:first-child .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+  border-top-left-radius: 0.3125em;
+}
+.ui.vertical.labeled.icon.buttons .button:last-child .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+  border-bottom-left-radius: 0.3125em;
 }
 /*--------------
      Toggle

build/uncompressed/elements/header.css

@@ -238,7 +238,5 @@ h5.ui.header {
 .ui.header.icon .icon {
   display: block;
   font-size: 4em;
-  width: auto;
   margin: 0rem auto 2rem;
-  padding: 0em;
 }

build/uncompressed/elements/icons.css

@@ -23,7 +23,7 @@ i.icon {
   display: inline-block;
   opacity: 0.75;
   margin: 0em 0.25em 0em 0em;
-  width: 1.2em;
+  width: 1.23em;
   height: 1em;
   font-family: 'Icons';
   font-style: normal;
@@ -539,11 +539,15 @@ i.icon.zoom.out:before {
 i.icon.left,
 i.icon.left,
 i.icon.left {
+  width: auto;
+  vertical-align: middle;
   margin: 0em 0.5em 0em 0em;
 }
 i.icon.up,
 i.icon.down,
 i.icon.right {
+  width: auto;
+  vertical-align: middle;
   margin: 0em 0em 0em 0.1em;
 }
 /*--------------
@@ -598,8 +602,13 @@ i.circular.icon {
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
-  padding: 0.5em;
+  padding: 0.35em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  width: 1.23em;
+  height: 1.23em;
+}
+i.circular.icon:before {
+  vertical-align: middle;
 }
 i.circular.inverted.icon {
   border: none;

build/uncompressed/elements/label.css

@@ -185,132 +185,132 @@ a.ui.label:hover:before {
 /*--- Black ---*/
 .ui.black.labels .label,
 .ui.black.label {
-  background-color: #5C6166;
-  color: #FFFFFF;
+  background-color: #5C6166 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .black.label:before,
 .ui.black.labels .label:before,
 .ui.black.label:before {
-  background-color: #5C6166;
+  background-color: #5C6166 !important;
 }
 /* Hover */
 a.ui.black.labels .label:hover,
 a.ui.black.label:hover {
-  background-color: #888888;
+  background-color: #888888 !important;
 }
 .ui.labels a.black.label:hover:before,
 .ui.black.labels a.label:hover:before,
 a.ui.black.label:hover:before {
-  background-color: #888888;
+  background-color: #888888 !important;
 }
 /*--- Green ---*/
 .ui.green.labels .label,
 .ui.green.label {
-  background-color: #A1CF64;
-  color: #FFFFFF;
+  background-color: #A1CF64 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .green.label:before,
 .ui.green.labels .label:before,
 .ui.green.label:before {
-  background-color: #A1CF64;
+  background-color: #A1CF64 !important;
 }
 /* Hover */
 a.ui.green.labels .label:hover,
 a.ui.green.label:hover {
-  background-color: #89B84C;
+  background-color: #89B84C !important;
 }
 .ui.labels a.green.label:hover:before,
 .ui.green.labels a.label:hover:before,
 a.ui.green.label:hover:before {
-  background-color: #89B84C;
+  background-color: #89B84C !important;
 }
 /*--- Red ---*/
 .ui.red.labels .label,
 .ui.red.label {
-  background-color: #EF4D6D;
-  color: #FFFFFF;
+  background-color: #EF4D6D !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .red.label:before,
 .ui.red.labels .label:before,
 .ui.red.label:before {
-  background-color: #EF4D6D;
+  background-color: #EF4D6D !important;
 }
 /* Hover */
 a.ui.red.labels .label:hover,
 a.ui.red.label:hover {
-  background-color: #DE3859;
-  color: #FFFFFF;
+  background-color: #DE3859 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.red.label:hover:before,
 .ui.red.labels a.label:hover:before,
 a.ui.red.label:hover:before {
-  background-color: #DE3859;
+  background-color: #DE3859 !important;
 }
 /*--- Blue ---*/
 .ui.blue.labels .label,
 .ui.blue.label {
-  background-color: #6ECFF5;
-  color: #FFFFFF;
+  background-color: #6ECFF5 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .blue.label:before,
 .ui.blue.labels .label:before,
 .ui.blue.label:before {
-  background-color: #6ECFF5;
+  background-color: #6ECFF5 !important;
 }
 /* Hover */
 a.ui.blue.labels .label:hover,
 a.ui.blue.label:hover {
-  background-color: #1AB8F3;
-  color: #FFFFFF;
+  background-color: #1AB8F3 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.blue.label:hover:before,
 .ui.blue.labels a.label:hover:before,
 a.ui.blue.label:hover:before {
-  background-color: #1AB8F3;
+  background-color: #1AB8F3 !important;
 }
 /*--- Purple ---*/
 .ui.purple.labels .label,
 .ui.purple.label {
-  background-color: #564F8A;
-  color: #FFFFFF;
+  background-color: #564F8A !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .purple.label:before,
 .ui.purple.labels .label:before,
 .ui.purple.label:before {
-  background-color: #564F8A;
+  background-color: #564F8A !important;
 }
 /* Hover */
 a.ui.purple.labels .label:hover,
 a.ui.purple.label:hover {
-  background-color: #3E3773;
-  color: #FFFFFF;
+  background-color: #3E3773 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.purple.label:hover:before,
 .ui.purple.labels a.label:hover:before,
 a.ui.purple.label:hover:before {
-  background-color: #3E3773;
+  background-color: #3E3773 !important;
 }
 /*--- Pink ---*/
 .ui.teal.labels .label,
 .ui.teal.label {
-  background-color: #00B5AD;
-  color: #FFFFFF;
+  background-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .teal.label:before,
 .ui.teal.labels .label:before,
 .ui.teal.label:before {
-  background-color: #00B5AD;
+  background-color: #00B5AD !important;
 }
 /* Hover */
 a.ui.teal.labels .label:hover,
 a.ui.teal.label:hover {
-  background-color: #009A93;
-  color: #FFFFFF;
+  background-color: #009A93 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.teal.label:hover:before,
 .ui.teal.labels a.label:hover:before,
 a.ui.teal.tag.label:hover:before {
-  background-color: #009A93;
+  background-color: #009A93 !important;
 }
 /*-------------------
        Pointing

build/uncompressed/views/comment.css

@@ -86,9 +86,20 @@
   margin: 0em 0.3em 0em 0em;
   color: rgba(0, 0, 0, 0.3);
 }
+.ui.comments .comment .actions a.active,
 .ui.comments .comment .actions a:hover {
   color: rgba(0, 0, 0, 0.6);
 }
+/*--------------------
+      Reply Form
+---------------------*/
+.ui.comments .reply.form {
+  margin-top: 0.5em;
+  width: 30em;
+}
+.ui.comments .reply.form textarea {
+  height: 12em;
+}
 /*--------------------
     Nested Comments
 ---------------------*/

node/src/documents/collections/message.html

@@ -99,7 +99,7 @@ type   : 'UI Collection'
         <div class="header">
           Have you heard about our mailing list?
         </div>
-        Get all the best inventions in your e-mail every day. Sign up now!
+        <p>Get all the best inventions in your e-mail every day. Sign up now!</p>
       </div>
     </div>
   </div>
@@ -108,7 +108,7 @@ type   : 'UI Collection'
     <h4 class="ui header">Compact Block</h4>
     <p>A text block that only takes up the width of its content.</p>
     <div class="ui compact message">
-      Get all the best inventions in your e-mail every day. Sign up now!
+      <p>Get all the best inventions in your e-mail every day. Sign up now!</p>
     </div>
   </div>
   
@@ -119,7 +119,7 @@ type   : 'UI Collection'
       <div class="header">
         Have you heard about our mailing list?
       </div>
-      Get all the best inventions in your e-mail every day. Sign up now!
+      <p>Get all the best inventions in your e-mail every day. Sign up now!</p>
     </div>
     <form class="ui form attached fluid segment">
       <p>Let's go ahead and get you signed up.</p>
@@ -151,9 +151,7 @@ type   : 'UI Collection'
       <div class="ui blue submit button">Submit</div>
     </form>
     <div class="ui bottom attached info message">
-      <div class="header">
-        <i class="icon help"></i>Are you sure you know what you're doing?
-      </div>
+      <i class="icon help"></i>Are you sure you know what you're doing?
     </div>
   </div>
   <div class="example">

node/src/documents/elements/button.html

@@ -159,6 +159,13 @@ type   : 'UI Element'
     </div>
   </div>
   
+  <div class="example">
+    <h4 class="ui header">Labeled Icon</h4>
+    <p>can be formatted as labeled icons</p>
+    <div class="ui labeled icon button"><i class="icon pause"></i> Pause</div>
+  </div>
+    
+  
   <div class="example">
     <h4 class="ui header">Vertically Attached</h4>
     <p>Can be attached to the top or bottom of other content</p>
@@ -227,9 +234,20 @@ type   : 'UI Element'
     <div class="ui icon buttons">
       <div class="ui button"><i class="icon pause"></i></div>
       <div class="ui button"><i class="icon play"></i></div>
-      <div class="ui button"><i class="icon pause"></i></div>
+      <div class="ui button"><i class="icon shuffle"></i></div>
     </div>
   </div>
+  
+  <div class="example">
+    <h4 class="ui header">Labeled Icon</h4>
+    <p>Groups can be formatted as labeled icons</p>
+    <div class="ui labeled vertical icon buttons">
+      <div class="ui button"><i class="icon pause"></i> Pause</div>
+      <div class="ui button"><i class="icon play"></i> Play</div>
+      <div class="ui button"><i class="icon shuffle"></i> Shuffle</div>
+    </div>
+  </div>
+    
     
   <div class="example">
     <h4 class="ui header">Fluid</h4>

node/src/documents/elements/icon.html

@@ -236,7 +236,7 @@ type   : 'UI Element'
   
   <div class="example">
     <h4 class="ui header">Circular</h4>
-    <p>An icon can be formatted to show emphasis</p>
+    <p>An icon can be formatted to appear circular</p>
     <i class="circular users icon"></i> 
     <br>
     <i class="circular inverted users icon"></i>
@@ -245,7 +245,7 @@ type   : 'UI Element'
 
   <div class="example">
     <h4 class="ui header">Emphasized</h4>
-    <p>An icon can be formatted to appear circular</p>
+    <p>An icon can be formatted to show emphasis</p>
     <i class="emphasized users icon"></i>
   </div>
   

node/src/documents/elements/label.html

@@ -120,13 +120,13 @@ type   : 'UI Element'
     <form class="ui fluid form">
       <div class="field">
         <input type="text" placeholder="First name">
-        <div class="ui pointing black label">
+        <div class="ui pointing label">
           Please enter a value
         </div>
       </div>
       <div class="ui simple divider"></div>
       <div class="field" placeholder="Last Name">
-        <div class="ui pointing below black label">
+        <div class="ui pointing below label">
           Please enter a value
         </div>
         <input type="text">
@@ -134,13 +134,13 @@ type   : 'UI Element'
       <div class="ui simple divider"></div>
       <div class="inline field">
         <input type="text" placeholder="Username">
-        <div class="ui pointing left black label">
+        <div class="ui pointing left label">
           That name is taken!
         </div>
       </div>
       <div class="ui simple divider"></div>
       <div class="inline field">
-        <div class="ui pointing right black label">
+        <div class="ui pointing right label">
           Your password must be 6 characters or more
         </div>
         <input type="password">

node/src/documents/index.html

@@ -7,7 +7,7 @@ type   : 'Semantic'
 
 <div class="masthead segment">
   <div class="container">
-    <h1 class="ui dividing header"><i class="icon globe"></i>Semantic UI</h1>
+    <h1 class="ui dividing header"><i class="icon lab"></i>Semantic UI</h1>
     <h2 class="ui dividing header"><strike>HTML</strike> UI is the DNA of the web.</h2>
     <p>Semantic empowers designers and developers by creating a shared vocabulary for user interfaces.</p>
     
@@ -50,24 +50,24 @@ type   : 'Semantic'
         <div class="seven wide column">
           <h2 class="ui header"><i class="icon info"></i> Get Started</h2>
           <p>Learn about how to get started with Semantic UI, and best practices for using the Semantic standard in your project.</p>
-          <div class="ui fluid teal button">Learn more <i class="icon right-open"></i></div>
+          <div class="ui small teal button">Learn more <i class="right arrow icon"></i></div>
         </div>
         <div class="five wide column">
           <h2 class="ui header"><i class="icon paint"></i> See UI elements</h2>
           <p>See some of the UI elements that the Semantic library has to offer.</p>
-          <div class="ui fluid red button">View Library <i class="icon right-open"></i></div>
+          <div class="ui small red button">View Library <i class="right arrow icon"></i></div>
         </div>
       </div>
     <div class="row">
       <div class="five wide column">
         <h2 class="ui header"><i class="icon terminal"></i> Author Elements </h2>
         <p>Learn about developing and releasing your own skins UI skins.</p>
-        <div class="ui fluid green button">Authoring Guide <i class="icon right-open"></i></div>
+        <div class="ui small green button">Authoring Guide <i class="right arrow icon"></i></div>
       </div>
       <div class="seven wide column">
         <h2 class="ui header"><i class="icon edit"></i> Help Write the Spec </h2>
         <p>Semantic is a living spec. We need the communitys help to reach our full potential. Help Semantic develop specifications for missing UI elements.</p>
-        <div class="ui fluid blue button">Contribute <i class="icon right-open"></i></div>
+        <div class="ui small blue button">Contribute <i class="right arrow icon"></i></div>
       </div>
     </div>
   </div>

node/src/documents/views/comment.html

@@ -60,7 +60,7 @@ type   : 'UI View'
   
   <div class="example">
     <h4 class="ui header">Metadata</h4>
-    <p>A comment can optionally contain metadata about the comment, metadata can be an arbitrary length.</p>
+    <p>A comment can optionally contain metadata about the comment, an arbitrary amount of metadata may be defined.</p>
     <div class="ui comments">
       <div class="comment">
         <a class="avatar">
@@ -79,6 +79,64 @@ type   : 'UI View'
     </div>
   </div>
   
+  <div class="example">
+    <h4 class="ui header">Actions</h4>
+    <p>A comment can contain an list of actions a user may perform related to this comment.</p>
+    <div class="ui comments">
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Dog Doggington</a>
+          <div class="metadata">
+            <div class="date data">2 days ago</div>
+            <div class="stars data">5 stars</div>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply">Reply</a>
+            <a class="delete">Delete</a>
+          </div>
+        </div>
+    </div>
+  </div>
+  
+  <div class="example">
+    <h4 class="ui header">Reply Form</h4>
+    <p>A comment can contain a form to reply to a comment. This may have arbitrary content.</p>
+    <div class="ui comments">
+      <div class="comment">
+        <a class="avatar">
+          <img src="/images/demo/dog.jpg">
+        </a>
+        <div class="content">
+          <a class="author">Dog Doggington</a>
+          <div class="metadata">
+            <div class="date data">2 days ago</div>
+            <div class="stars data">5 stars</div>
+          </div>
+          <div class="text">
+            I think this is a great idea and i am voting on it
+          </div>
+          <div class="actions">
+            <a class="reply active">Reply</a>
+            <a class="delete">Delete</a>
+          </div>
+          <form class="ui reply form">
+            <div class="field">
+              <textarea></textarea>
+            </div>
+            <div class="ui button teal submit labeled icon">
+              <i class="icon edit"></i> Add Comment
+            </div>
+          </form>
+        </div>
+    </div>
+  </div>
+  
   
   <h2 class="ui dividing header">Variations</h2>
   

node/src/files/components/semantic/collections/menu.css

@@ -745,8 +745,9 @@
   text-align: center;
   color: rgba(60, 60, 60, 0.7);
 }
-.ui.icon.menu .icon {
+.ui.icon.menu .item .icon {
   display: block;
+  float: none;
   margin: 0em auto;
   color: #3c3c3c;
 }

node/src/files/components/semantic/collections/message.css

@@ -141,6 +141,12 @@
   box-shadow: 0px 0px 0px 1px #DDDDDD
   ;
 }
+.ui.attached.message .header {
+  font-size: 1.1em;
+}
+.ui.attached.message .icon {
+  float: right;
+}
 /*--------------
       Icon
 ---------------*/

node/src/files/components/semantic/elements/button.css

@@ -459,11 +459,57 @@ Containing Icon
 /*--------------
    Labeled Icon
 ---------------*/
+.ui.labeled.icon.buttons .button,
+.ui.labeled.icon.button {
+  position: relative;
+  padding: 0.8em 1.5em 0.8em 4em !important;
+}
 .ui.labeled.icon.buttons .button .icon,
 .ui.labeled.icon.button .icon {
-  display: block;
-  font-size: 1.5em;
-  margin: 0em auto 0.3em;
+  position: absolute;
+  top: 0em;
+  left: 0em;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  width: 2.75em;
+  height: 100%;
+  padding-top: 0.8em;
+  background-color: rgba(0, 0, 0, 0.05);
+  text-align: center;
+  -webkit-border-radius: 0.3125em 0px 0px 0.3125em;
+  -moz-border-radius: 0.3125em 0px 0px 0.3125em;
+  border-radius: 0.3125em 0px 0px 0.3125em;
+  line-height: 1;
+  -webkit-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -moz-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+}
+.ui.labeled.icon.buttons .button .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+}
+.ui.labeled.icon.buttons .button:first-child .icon {
+  border-top-left-radius: 0.3125em;
+  border-bottom-left-radius: 0.3125em;
+}
+.ui.labeled.icon.buttons .button:last-child .icon {
+  border-top-right-radius: 0.3125em;
+  border-bottom-right-radius: 0.3125em;
+}
+.ui.vertical.labeled.icon.buttons .button:first-child .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+  border-top-left-radius: 0.3125em;
+}
+.ui.vertical.labeled.icon.buttons .button:last-child .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+  border-bottom-left-radius: 0.3125em;
 }
 /*--------------
      Toggle

node/src/files/components/semantic/elements/header.css

@@ -238,7 +238,5 @@ h5.ui.header {
 .ui.header.icon .icon {
   display: block;
   font-size: 4em;
-  width: auto;
   margin: 0rem auto 2rem;
-  padding: 0em;
 }

node/src/files/components/semantic/elements/icons.css

@@ -23,7 +23,7 @@ i.icon {
   display: inline-block;
   opacity: 0.75;
   margin: 0em 0.25em 0em 0em;
-  width: 1.2em;
+  width: 1.23em;
   height: 1em;
   font-family: 'Icons';
   font-style: normal;
@@ -539,11 +539,15 @@ i.icon.zoom.out:before {
 i.icon.left,
 i.icon.left,
 i.icon.left {
+  width: auto;
+  vertical-align: middle;
   margin: 0em 0.5em 0em 0em;
 }
 i.icon.up,
 i.icon.down,
 i.icon.right {
+  width: auto;
+  vertical-align: middle;
   margin: 0em 0em 0em 0.1em;
 }
 /*--------------
@@ -598,8 +602,13 @@ i.circular.icon {
   -webkit-border-radius: 500px;
   -moz-border-radius: 500px;
   border-radius: 500px;
-  padding: 0.5em;
+  padding: 0.35em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+  width: 1.23em;
+  height: 1.23em;
+}
+i.circular.icon:before {
+  vertical-align: middle;
 }
 i.circular.inverted.icon {
   border: none;

node/src/files/components/semantic/elements/label.css

@@ -185,132 +185,132 @@ a.ui.label:hover:before {
 /*--- Black ---*/
 .ui.black.labels .label,
 .ui.black.label {
-  background-color: #5C6166;
-  color: #FFFFFF;
+  background-color: #5C6166 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .black.label:before,
 .ui.black.labels .label:before,
 .ui.black.label:before {
-  background-color: #5C6166;
+  background-color: #5C6166 !important;
 }
 /* Hover */
 a.ui.black.labels .label:hover,
 a.ui.black.label:hover {
-  background-color: #888888;
+  background-color: #888888 !important;
 }
 .ui.labels a.black.label:hover:before,
 .ui.black.labels a.label:hover:before,
 a.ui.black.label:hover:before {
-  background-color: #888888;
+  background-color: #888888 !important;
 }
 /*--- Green ---*/
 .ui.green.labels .label,
 .ui.green.label {
-  background-color: #A1CF64;
-  color: #FFFFFF;
+  background-color: #A1CF64 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .green.label:before,
 .ui.green.labels .label:before,
 .ui.green.label:before {
-  background-color: #A1CF64;
+  background-color: #A1CF64 !important;
 }
 /* Hover */
 a.ui.green.labels .label:hover,
 a.ui.green.label:hover {
-  background-color: #89B84C;
+  background-color: #89B84C !important;
 }
 .ui.labels a.green.label:hover:before,
 .ui.green.labels a.label:hover:before,
 a.ui.green.label:hover:before {
-  background-color: #89B84C;
+  background-color: #89B84C !important;
 }
 /*--- Red ---*/
 .ui.red.labels .label,
 .ui.red.label {
-  background-color: #EF4D6D;
-  color: #FFFFFF;
+  background-color: #EF4D6D !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .red.label:before,
 .ui.red.labels .label:before,
 .ui.red.label:before {
-  background-color: #EF4D6D;
+  background-color: #EF4D6D !important;
 }
 /* Hover */
 a.ui.red.labels .label:hover,
 a.ui.red.label:hover {
-  background-color: #DE3859;
-  color: #FFFFFF;
+  background-color: #DE3859 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.red.label:hover:before,
 .ui.red.labels a.label:hover:before,
 a.ui.red.label:hover:before {
-  background-color: #DE3859;
+  background-color: #DE3859 !important;
 }
 /*--- Blue ---*/
 .ui.blue.labels .label,
 .ui.blue.label {
-  background-color: #6ECFF5;
-  color: #FFFFFF;
+  background-color: #6ECFF5 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .blue.label:before,
 .ui.blue.labels .label:before,
 .ui.blue.label:before {
-  background-color: #6ECFF5;
+  background-color: #6ECFF5 !important;
 }
 /* Hover */
 a.ui.blue.labels .label:hover,
 a.ui.blue.label:hover {
-  background-color: #1AB8F3;
-  color: #FFFFFF;
+  background-color: #1AB8F3 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.blue.label:hover:before,
 .ui.blue.labels a.label:hover:before,
 a.ui.blue.label:hover:before {
-  background-color: #1AB8F3;
+  background-color: #1AB8F3 !important;
 }
 /*--- Purple ---*/
 .ui.purple.labels .label,
 .ui.purple.label {
-  background-color: #564F8A;
-  color: #FFFFFF;
+  background-color: #564F8A !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .purple.label:before,
 .ui.purple.labels .label:before,
 .ui.purple.label:before {
-  background-color: #564F8A;
+  background-color: #564F8A !important;
 }
 /* Hover */
 a.ui.purple.labels .label:hover,
 a.ui.purple.label:hover {
-  background-color: #3E3773;
-  color: #FFFFFF;
+  background-color: #3E3773 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.purple.label:hover:before,
 .ui.purple.labels a.label:hover:before,
 a.ui.purple.label:hover:before {
-  background-color: #3E3773;
+  background-color: #3E3773 !important;
 }
 /*--- Pink ---*/
 .ui.teal.labels .label,
 .ui.teal.label {
-  background-color: #00B5AD;
-  color: #FFFFFF;
+  background-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .teal.label:before,
 .ui.teal.labels .label:before,
 .ui.teal.label:before {
-  background-color: #00B5AD;
+  background-color: #00B5AD !important;
 }
 /* Hover */
 a.ui.teal.labels .label:hover,
 a.ui.teal.label:hover {
-  background-color: #009A93;
-  color: #FFFFFF;
+  background-color: #009A93 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.teal.label:hover:before,
 .ui.teal.labels a.label:hover:before,
 a.ui.teal.tag.label:hover:before {
-  background-color: #009A93;
+  background-color: #009A93 !important;
 }
 /*-------------------
        Pointing

node/src/files/components/semantic/views/comment.css

@@ -86,9 +86,20 @@
   margin: 0em 0.3em 0em 0em;
   color: rgba(0, 0, 0, 0.3);
 }
+.ui.comments .comment .actions a.active,
 .ui.comments .comment .actions a:hover {
   color: rgba(0, 0, 0, 0.6);
 }
+/*--------------------
+      Reply Form
+---------------------*/
+.ui.comments .reply.form {
+  margin-top: 0.5em;
+  width: 30em;
+}
+.ui.comments .reply.form textarea {
+  height: 12em;
+}
 /*--------------------
     Nested Comments
 ---------------------*/

src/collections/menu.less

@@ -976,8 +976,9 @@
   text-align: center;
   color: rgba(60, 60, 60, 0.7);
 }
-.ui.icon.menu .icon {
+.ui.icon.menu .item .icon {
   display: block;
+  float: none;
   margin: 0em auto;
   color: rgba(60, 60, 60, 1);
 }

src/collections/message.less

@@ -179,6 +179,12 @@
     0px 0px 0px 1px #DDDDDD
   ;
 }
+.ui.attached.message .header {
+  font-size: 1.1em;
+}
+.ui.attached.message .icon {
+  float: right;
+}
 
 
 /*--------------

src/elements/button.less

@@ -554,15 +554,68 @@ Containing Icon
   vertical-align: top;
 }
 
+
 /*--------------
    Labeled Icon
 ---------------*/
+.ui.labeled.icon.buttons .button,
+.ui.labeled.icon.button {
+  position: relative;
+  padding: 0.8em 1.5em 0.8em 4em !important;
+}
 
 .ui.labeled.icon.buttons .button .icon,
 .ui.labeled.icon.button .icon {
-  display: block;
-  font-size: 1.5em;
-  margin: 0em auto 0.3em;
+  position: absolute;
+  top: 0em;
+  left: 0em;
+
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+
+  width: 2.75em;
+  height: 100%;
+  padding-top: 0.8em;
+  background-color: rgba(0, 0, 0, 0.05);
+  text-align: center;
+
+  -webkit-border-radius: 0.3125em 0px 0px 0.3125em;
+  -moz-border-radius: 0.3125em 0px 0px 0.3125em;
+  border-radius: 0.3125em 0px 0px 0.3125em;
+
+  line-height: 1;
+
+  -webkit-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  -moz-box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+  box-shadow: -2px 0px 0px 0px rgba(0, 0, 0, 0.05) inset;
+}
+
+.ui.labeled.icon.buttons .button .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+}
+.ui.labeled.icon.buttons .button:first-child  .icon {
+  border-top-left-radius: 0.3125em;
+  border-bottom-left-radius: 0.3125em;
+}
+.ui.labeled.icon.buttons .button:last-child .icon {
+  border-top-right-radius: 0.3125em;
+  border-bottom-right-radius: 0.3125em;
+}
+.ui.vertical.labeled.icon.buttons .button:first-child .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+  border-top-left-radius: 0.3125em;
+}
+.ui.vertical.labeled.icon.buttons .button:last-child .icon {
+  -webkit-border-radius: 0em;
+  -moz-border-radius: 0em;
+  border-radius: 0em;
+  border-bottom-left-radius: 0.3125em;
 }
 
 /*--------------

src/elements/header.less

@@ -279,7 +279,5 @@ h5.ui.header {
 .ui.header.icon .icon {
   display: block;
   font-size: 4em;
-  width: auto;
   margin: 0rem auto 2rem;
-  padding: 0em;
 }

src/elements/icons.less

@@ -34,7 +34,7 @@ i.icon {
 
   margin: 0em 0.25em 0em 0em;
 
-  width: 1.2em;
+  width: 1.23em;
   height: 1em;
 
   font-family: 'Icons';
@@ -203,12 +203,16 @@ i.icon.zoom.out:before { content: '\e751'; } /* '' */
 i.icon.left,
 i.icon.left,
 i.icon.left {
+  width: auto;
+  vertical-align: middle;
   margin: 0em 0.5em 0em 0em;
 }
 
 i.icon.up,
 i.icon.down,
-i.icon.right, {
+i.icon.right {
+  width: auto;
+  vertical-align: middle;
   margin: 0em 0em 0em 0.1em;
 }
 
@@ -253,9 +257,14 @@ i.circular.icon {
   -moz-border-radius: 500px;
   border-radius: 500px;
 
-  padding: 0.5em;
-
+  padding: 0.35em;
   border: 1px solid rgba(0, 0, 0, 0.1);
+
+  width: 1.23em;
+  height: 1.23em;
+}
+i.circular.icon:before {
+  vertical-align: middle;
 }
 i.circular.inverted.icon {
   border: none;

src/elements/label.less

@@ -242,143 +242,143 @@ a.ui.label:hover:before {
 /*--- Black ---*/
 .ui.black.labels .label,
 .ui.black.label {
-  background-color: #5C6166;
-  color: #FFFFFF;
+  background-color: #5C6166 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .black.label:before,
 .ui.black.labels .label:before,
 .ui.black.label:before {
-  background-color: #5C6166;
+  background-color: #5C6166 !important;
 }
 /* Hover */
 a.ui.black.labels .label:hover,
 a.ui.black.label:hover {
-  background-color: #888888;
+  background-color: #888888 !important;
 }
 .ui.labels a.black.label:hover:before,
 .ui.black.labels a.label:hover:before,
 a.ui.black.label:hover:before {
-  background-color: #888888;
+  background-color: #888888 !important;
 }
 
 /*--- Green ---*/
 .ui.green.labels .label,
 .ui.green.label {
-  background-color: #A1CF64;
-  color: #FFFFFF;
+  background-color: #A1CF64 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .green.label:before,
 .ui.green.labels .label:before,
 .ui.green.label:before {
-  background-color: #A1CF64;
+  background-color: #A1CF64 !important;
 }
 
 /* Hover */
 a.ui.green.labels .label:hover,
 a.ui.green.label:hover {
-  background-color: #89B84C;
+  background-color: #89B84C !important;
 }
 .ui.labels a.green.label:hover:before,
 .ui.green.labels a.label:hover:before,
 a.ui.green.label:hover:before {
-  background-color: #89B84C;
+  background-color: #89B84C !important;
 }
 
 
 /*--- Red ---*/
 .ui.red.labels .label,
 .ui.red.label {
-  background-color: #EF4D6D;
-  color: #FFFFFF;
+  background-color: #EF4D6D !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .red.label:before,
 .ui.red.labels .label:before,
 .ui.red.label:before {
-  background-color: #EF4D6D;
+  background-color: #EF4D6D !important;
 }
 
 /* Hover */
 a.ui.red.labels .label:hover,
 a.ui.red.label:hover{
-  background-color: #DE3859;
-  color: #FFFFFF;
+  background-color: #DE3859 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.red.label:hover:before,
 .ui.red.labels a.label:hover:before,
 a.ui.red.label:hover:before {
-  background-color: #DE3859;
+  background-color: #DE3859 !important;
 }
 
 
 /*--- Blue ---*/
 .ui.blue.labels .label,
 .ui.blue.label {
-  background-color: #6ECFF5;
-  color: #FFFFFF;
+  background-color: #6ECFF5 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .blue.label:before,
 .ui.blue.labels .label:before,
 .ui.blue.label:before {
-  background-color: #6ECFF5;
+  background-color: #6ECFF5 !important;
 }
 
 /* Hover */
 a.ui.blue.labels .label:hover,
 a.ui.blue.label:hover {
-  background-color: #1AB8F3;
-  color: #FFFFFF;
+  background-color: #1AB8F3 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.blue.label:hover:before,
 .ui.blue.labels a.label:hover:before,
 a.ui.blue.label:hover:before {
-  background-color: #1AB8F3;
+  background-color: #1AB8F3 !important;
 }
 
 /*--- Purple ---*/
 .ui.purple.labels .label,
 .ui.purple.label {
-  background-color: #564F8A;
-  color: #FFFFFF;
+  background-color: #564F8A !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .purple.label:before,
 .ui.purple.labels .label:before,
 .ui.purple.label:before {
-  background-color: #564F8A;
+  background-color: #564F8A !important;
 }
 
 /* Hover */
 a.ui.purple.labels .label:hover,
 a.ui.purple.label:hover {
-  background-color: #3E3773;
-  color: #FFFFFF;
+  background-color: #3E3773 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.purple.label:hover:before,
 .ui.purple.labels a.label:hover:before,
 a.ui.purple.label:hover:before {
-  background-color: #3E3773;
+  background-color: #3E3773 !important;
 }
 
 /*--- Pink ---*/
 .ui.teal.labels .label,
 .ui.teal.label {
-  background-color: #00B5AD;
-  color: #FFFFFF;
+  background-color: #00B5AD !important;
+  color: #FFFFFF !important;
 }
 .ui.labels .teal.label:before,
 .ui.teal.labels .label:before,
 .ui.teal.label:before {
-  background-color: #00B5AD;
+  background-color: #00B5AD !important;
 }
 /* Hover */
 a.ui.teal.labels .label:hover,
 a.ui.teal.label:hover {
-  background-color: #009A93;
-  color: #FFFFFF;
+  background-color: #009A93 !important;
+  color: #FFFFFF !important;
 }
 .ui.labels a.teal.label:hover:before,
 .ui.teal.labels a.label:hover:before,
 a.ui.teal.tag.label:hover:before {
-  background-color: #009A93;
+  background-color: #009A93 !important;
 }
 
 /*-------------------

src/views/comment.less

@@ -109,10 +109,24 @@
   margin: 0em 0.3em 0em 0em;
   color: rgba(0, 0, 0, 0.3);
 }
+.ui.comments .comment .actions a.active,
 .ui.comments .comment .actions a:hover {
   color: rgba(0, 0, 0, 0.6);
 }
 
+/*--------------------
+      Reply Form
+---------------------*/
+
+.ui.comments .reply.form {
+  margin-top: 0.5em;
+  width: 30em;
+}
+.ui.comments .reply.form textarea {
+  height: 12em;
+}
+
+
 
 /*--------------------
     Nested Comments
@@ -146,8 +160,6 @@
 }
 
 
-
-
 /*******************************
            Variations
 *******************************/