Fixes several spacing issues in item

server/documents/views/item.html.eco

@@ -32,7 +32,7 @@ themes      : ['Default']
   <div class="even example">
     <h4 class="ui header">Items</h4>
     <p>A group of items.</p>
-    <div class="ui items">
+    <div class="ui items segment">
       <div class="item">
         <div class="image">
           <img src="/images/demo/highres.jpg">

src/definitions/views/item.less

@@ -95,7 +95,6 @@
   width: @imageWidth;
   margin: @imageMargin;
   padding: @imagePadding;
-  background: @imageBackground;
   max-height: @imageMaxHeight;
   vertical-align: @imageVerticalAlign;
 }
@@ -189,6 +188,8 @@
 ---------------*/
 
 .ui.items > .item > .content > .description {
+  font-size: @descriptionFontSize;
+  line-height: @descriptionLineHeight;
   color: @descriptionColor;
 }
 

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

@@ -34,7 +34,6 @@
 @imageMaxHeight: '';
 @imageVerticalAlign: top;
 @imageMargin: 0em;
-@imageBackground: @transparentBlack;
 @imagePadding: 0em;
 @imageBorder: none;
 @imageBorderRadius: 0.125rem;
@@ -44,7 +43,7 @@
 /* Content */
 @contentDisplay: table-cell;
 @contentVerticalAlign: top;
-@contentImagePadding: 1em;
+@contentImagePadding: 1.5em;
 
 @contentOffset: 0em;
 @contentBackground: none;
@@ -86,6 +85,8 @@
 
 /* Description */
 @descriptionDistance: 0.75em;
+@descriptionFontSize: 1.1em;
+@descriptionLineHeight: 1.2;
 @descriptionColor: @textColor;
 
 /* Content Image */
@@ -108,7 +109,7 @@
 @extraTop: 0em;
 @extraLeft: 0em;
 @extraWidth: 100%;
-@extraPadding: 0.75em 0em 0em;
+@extraPadding: 0.25em 0em 0em;
 @extraBoxShadow: none;
 @extraColor: @lightTextColor;
 @extraTransition: color @transitionDuration @transitionEasing;