Use new item picker for inventory manipulations

src/scss/templates/inventory.scss

@@ -31,6 +31,18 @@ All rights reserved.
         border-top: 1px solid $color-gray-light;
     }
 
+    .view__item_selector {
+        height: 2.5em; width: 80%;
+        background: $color-gray-faint;
+        margin: 0 auto;
+
+        transition: background $animate-normal;
+
+        &:hover {
+            background: $color-background-panel;
+        }
+    }
+
     button[name="clear"] {
         position: absolute; bottom: 0.5em; right: 0.5em;
     }

src/scss/templates/item_selector.scss

@@ -12,13 +12,23 @@ All rights reserved.
     cursor: pointer;
     padding: 0 0.75em;
 
-    p.placeholder {
+    p {
         position: relative; top: 50%; width: 100%;
         @include transform(translateY(-50%));
 
-        color: $color-gray-medium;
-        font-family: $font-family-input;
-        font-size: $font-size-normal;
+        &.placeholder {
+            color: $color-gray-medium;
+            font-family: $font-family-input;
+            font-size: $font-size-normal;
+        }
+
+        &.button-label {
+            color: $color-active;
+            font-family: $font-family-normal;
+            font-size: $font-size-normal;
+            font-weight: bold;
+            text-align: center;
+        }
     }
 }
 

src/scss/templates/item_selector_element.scss

@@ -6,8 +6,8 @@ All rights reserved.
 */
 
 .view__item_selector_element {
-    height: 3.6em;
-    padding: 0.3em 1em;
+    height: 4.0em;
+    padding: 0.2em 1em;
     clear: both;
 
     transition: background $animate-fast, color $animate-fast;