Add auto spacing of extra content on items

src/definitions/views/item.less

@@ -152,9 +152,13 @@
   margin: @headerMargin;
   font-family: @headerFont;
   font-weight: @headerFontWeight;
-  font-size: @headerFontSize;
   color: @headerColor;
 }
+/* Default Header Size */
+.ui.items > .item > .content > .header:not(.ui) {
+  font-size: @headerFontSize;
+}
+
 .ui.items > .item > .content > .meta + .description{
   margin-top: @descriptionDistance;
 }
@@ -314,6 +318,12 @@
   transition: @extraTransition;
   border-top: @extraDivider;
 }
+.ui.items > .item .extra > * {
+  margin-right: @extraSpacing;
+}
+.ui.items > .item .extra > .right.floated {
+  margin-left: @extraSpacing;
+}
 
 .ui.items > .item .extra:after {
   display: block;

src/themes/packages/default/views/item.variables

@@ -102,7 +102,9 @@
 @paragraphDistance: 0.5em;
 
 /* Additional Content */
-@extraDivider: 1px solid rgba(0, 0, 0, 0.05);
+@extraDivider: none;
+@extraSpacing: 0.5em;
+
 @extraBackground: none;
 @extraDisplay: block;
 @extraPosition: relative;