front/src/assets/sidebar.scss

@@ -89,7 +89,7 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
             display: flex;
             align-items: center;
             justify-content: flex-start;
-            gap: 1rem;
+            gap: 0.75rem;
             color: var(--primary-color);
             cursor: pointer;
             
@@ -106,6 +106,7 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
             max-height: 20vh;
             overflow: auto;
             margin-top: 1.125rem;
+            padding-left: 2rem;
         }
 
     }
@@ -126,4 +127,20 @@ $boxShadow: 0px 0px 8px rgba(0, 0, 0, .25);
 
         border-bottom: 2px solid var(--primary-color);
     }
+
+    &-list {
+        &-item {
+            display: flex;
+            justify-content: space-between;
+            margin-right: 0.25rem;
+
+            input[type=radio],
+            input[type=checkbox] {
+                order: 10
+            }
+            label {
+                flex-grow: 1;
+            }
+        }
+    }
 }

front/src/components/Promo/load_models.vue

@@ -281,7 +281,7 @@ watch(() => sidebar, () => {
         if (!target) return
         const el = seekByName(scene.value, `${sidebar.id_clickable}_clickable`);
         if (el) {
-            el.visible = false;
+            // el.visible = false;
             (controls.value as any).maxDistance = 10;
             (controls.value as any).minDistance = 1;
             const target_vector = new Vector3();