fixed some issues with the flexbox approach

- had to remove border, padding, and margin from input boxes
- centered images
- fixed y-overflow of description and images by restricting height

src/scss/components/_items.scss

@@ -16,13 +16,26 @@
 
         .item-image {
             flex: 0 0 24px;
-            margin-right: 5px;
+            height: 100%;
+            //margin-right: 5px;
+            @include centered-content;
         }
 
         img {
             display: block;
             border: none;
         }
+
+        input {
+            border: 0;
+            padding: 0;
+        }
+
+        input[type="checkbox"] {
+            width: auto;
+            height: 100%;
+            margin: 0px;
+        }
     }
 
     .item-name {
@@ -36,7 +49,8 @@
 
     .item-num-val {
         text-align: center;
-        max-width: 2.5em;
+        width: 2.5em;
+        padding: 0;
     }
 
     .item-description {
@@ -44,6 +58,7 @@
         white-space: nowrap;
         overflow: hidden;
         text-overflow: ellipsis;
+        height: 100%;
         p {
             text-overflow: ellipsis;
             overflow: hidden;