finished implementing setting category

gui/ui/app.slint

@@ -13,8 +13,6 @@ import {
 import { SettingsView } from "settings.slint";
 import { State, SItem, SButtonItem } from "state.slint";
 export { State, SItem }
-
-
 component GoodListItem inherits Rectangle {
     in-out property <SItem> item;
     background: #ffffff10;
@@ -281,16 +279,22 @@ component ShopView inherits VerticalLayout {
 
 component CatItem inherits HorizontalBox {
     in-out property <SButtonItem> item;
+
     Text {
         text: item.name;
+        vertical-alignment: center;
+        font-size: 16px;
     }
 
     ComboBox {
         model: ["kyl", "skafferi", "frys", "övrigt"];
         current-value: item.category;
+        width: 60%;
+        selected(category) => { State.set-cat(item.name, category) }
     }
 }
 
+
 component CatView inherits VerticalLayout {
     in-out property <[SButtonItem]> cats;