stash

frontend/src/components/PropertyBadge.vue

@@ -85,6 +85,14 @@ export default {
         event: "modelChange"
     },
     computed: {
+        localValue: {
+            get() {
+                return this.property.value
+            },
+            set(value) {
+                this.$emit("input", value)
+            }
+        },
         prettyDescription() {
             var d = this.property.description ? this.property.description : this.property.name
             if (this.property.unit_name) {

frontend/src/components/PropertyField.vue

@@ -13,26 +13,11 @@
 </template>
 
 <style scoped>
-.form-control-inline {
-    display: inline;
-    width: auto;
-}
-
 .taglist {
     display: flex;
     flex-wrap: wrap;
     gap: 0.3rem;
-}
-
-.form-control-xsm {
-    min-height: calc(.6rem);
-    padding: .0rem .5rem;
-    font-size: .6rem;
-    border-radius: .1rem;
-}
-
-input[type=number].form-control-xsm{
-    padding: 0 0 0 .5rem;
+    padding: .25rem;
 }
 </style>