Rimuovi oggetti e gruppi dal progetto

wwwroot/css/app.css

@@ -178,7 +178,7 @@ input[type="checkbox"] {
     right: 12px;
     z-index: 940;
     display: grid;
-    width: min(320px, calc(100% - 24px));
+    width: min(760px, 62vw, calc(100% - 24px));
     max-height: calc(100% - 152px);
     overflow-y: auto;
     border: 1px solid var(--line);
@@ -283,11 +283,7 @@ input[type="checkbox"] {
     list-style: none;
 }
 
-.layer-manager-object > summary {
-    grid-template-columns: 28px 20px minmax(0, 1fr) auto auto auto;
-}
-
-.layer-manager-renamable > summary {
+.layer-manager-with-actions > summary {
     grid-template-columns: 28px 20px minmax(0, 1fr) auto auto auto;
 }
 
@@ -310,7 +306,15 @@ input[type="checkbox"] {
     cursor: grab;
 }
 
-.layer-rename-button {
+.layer-row-actions {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-end;
+    gap: 4px;
+}
+
+.layer-rename-button,
+.layer-remove-button {
     min-height: 28px;
     padding: 0 8px;
     border: 1px solid #bfd4cd;
@@ -325,6 +329,16 @@ input[type="checkbox"] {
     background: #d9eee7;
 }
 
+.layer-remove-button {
+    border-color: #fecaca;
+    background: #fff1f2;
+    color: #b42318;
+}
+
+.layer-remove-button:active {
+    background: #ffe4e6;
+}
+
 .layer-move-buttons {
     display: inline-grid;
     grid-template-columns: 24px 24px;
@@ -918,10 +932,31 @@ footer {
     .map-layer-panel {
         top: 68px;
         right: 8px;
-        width: min(320px, calc(100% - 16px));
+        width: calc(100% - 16px);
         max-height: calc(100% - 144px);
     }
 
+    .layer-manager-with-actions > summary {
+        grid-template-columns: 28px 20px minmax(0, 1fr) auto;
+    }
+
+    .layer-manager-with-actions > summary > .layer-row-actions {
+        grid-row: 2;
+        grid-column: 3;
+        justify-content: flex-start;
+    }
+
+    .layer-manager-with-actions > summary > .layer-move-buttons {
+        grid-row: 1;
+        grid-column: 4;
+    }
+
+    .layer-manager-with-actions > summary > .layer-manager-count {
+        grid-row: 2;
+        grid-column: 4;
+        justify-self: end;
+    }
+
     .tool-sheet {
         top: 10%;
         bottom: var(--nav-height);
@@ -980,6 +1015,12 @@ footer {
     }
 }
 
+@media (min-width: 701px) and (max-width: 1100px) {
+    .map-layer-panel {
+        width: min(680px, calc(100% - 24px));
+    }
+}
+
 @media (max-width: 380px) {
     .app-identity span {
         display: none;