Fixes for extra content v-align in items

src/definitions/views/item.less

@@ -316,10 +316,10 @@
   border-top: @extraDivider;
 }
 .ui.items > .item .extra > * {
-  margin: @extraRowSpacing @extraSpacing 0em 0em;
+  margin: (@extraRowSpacing / 2) @extraHorizontalSpacing (@extraRowSpacing / 2) 0em;
 }
 .ui.items > .item .extra > [class*="right floated"] {
-  margin: @extraRowSpacing 0em 0em @extraSpacing;
+  margin: (@extraRowSpacing / 2) 0em (@extraRowSpacing / 2) @extraHorizontalSpacing;
 }
 
 .ui.items > .item .extra:after {

src/themes/default/views/item.variables

@@ -117,7 +117,7 @@
 
 /* Additional Content */
 @extraDivider: none;
-@extraSpacing: 0.5rem;
+@extraHorizontalSpacing: 0.5rem;
 @extraRowSpacing: 0.5rem;
 
 @extraBackground: none;