list items

src/components/SceneDesigner/Scene.vue

@@ -1,20 +1,20 @@
 <template>
     <teleport to=".scene-designer" v-if="active">
-        <g @mousedown="$emit('target', {target:vd, attrs:['x1', 'y1'], delta: true})" :class="{scene: true, selected}">
+        <g @mousedown="$emit('target', {target:vd, attrs:['x1', 'y1'], delta: true})" :class="{scene: true, selected}" v-show="visible">
             <svg-icon :src="`/asset/thumb/${modelValue.environment||0}.webp`" :x="vd.x1" :y="vd.y1" :size="65"></svg-icon>
         </g>
     </teleport>
     <v-card title="Scene" v-if="selected">
-        <v-form class="pa-4">
-            <v-text-field density="compact" :label="$l.name" v-model="modelValue.name"></v-text-field>
-        </v-form>
-
         <asset-selector @select="modelValue.environment = $event" type="Scene">
             <template v-slot:activator="props">
-                <v-btn v-bind="props" icon="mdi-panorama-outline"></v-btn>
+                <v-btn v-bind="props" prepend-icon="mdi-panorama-outline" block color="success" class="py-4">Choose environment</v-btn>
             </template>
         </asset-selector>
 
+        <v-form class="py-4">
+            <v-text-field density="compact" :label="$l.name" v-model="modelValue.title"></v-text-field>
+        </v-form>
+
     </v-card>
 </template>
 
@@ -44,8 +44,7 @@ export default {
         parent: Object
     },
     steps: [['x1', 'y1']],
-    icon: 'mdi-vector-line',
-    name: 'svg-scene',
+    name: 'scene',
     modifiers: ['x1', 'y1'],
     methods:{
         intersect(v){