Redesign simple item info

itemcontroller.lua

@@ -331,11 +331,36 @@ local PAGES = {
       bgColor = colors.gray
     }
 
-    local itemCount = Text:new{
+    local simpleDetailsList = List:new{
-      text = "Count: "..tostring(group:getItemCount()),
+      [Orientation:getId()] = Orientation.HORIZONTAL,
-    }
+      [Children:getId()] = {
-    local itemSlots = Text:new{
+        Padding:new{
-      text = "Slots: "..tostring(group:getStackCount())
+          top = 0,
+          left = 1,
+          right = 1,
+          bottom = 0,
+          element = List:new{
+            [Orientation:getId()] = Orientation.VERTICAL,
+            [Children:getId()] = {
+              Text:new{ text = "Count" },
+              Text:new{ text = tostring(group:getItemCount()) }
+            }
+          }
+        },
+        Padding:new{
+          top = 0,
+          left = 1,
+          right = 1,
+          bottom = 0,
+          element = List:new{
+            [Orientation:getId()] = Orientation.VERTICAL,
+            [Children:getId()] = {
+              Text:new{ text = "Slot" },
+              Text:new{ text = tostring(group:getStackCount()) }
+            }
+          }
+        }
+      }
     }
 
     local damage = group:getDamage()
@@ -353,8 +378,13 @@ local PAGES = {
     local infoElements = List:new{
       [Children:getId()] = {
         paddedTitle,
-        itemCount,
+        Padding:new{
-        itemSlots,
+          top = 0,
+          bottom = 1,
+          left = 0,
+          right = 0,
+          element = simpleDetailsList
+        },
         damageBar
       },
       [Orientation:getId()] = Orientation.VERTICAL,