Update flare-ui/src/app/components/environment/environment.component.scss

flare-ui/src/app/components/environment/environment.component.scss

@@ -156,6 +156,65 @@ mat-card-header {
   padding-right: 5px;
 }
 
+.param-collection-content {
+  padding-top: 16px;
+  
+  .config-grid {
+    display: grid;
+    grid-template-columns: 1fr;
+    gap: 20px;
+    margin-bottom: 24px;
+  }
+  
+  .collection-checkbox {
+    display: block;
+    margin-bottom: 8px;
+    
+    mat-hint {
+      display: block;
+      margin-top: 4px;
+      margin-left: 32px;
+      font-size: 12px;
+      color: rgba(0, 0, 0, 0.6);
+    }
+  }
+  
+  .code-textarea {
+    font-family: 'Fira Code', 'Consolas', 'Monaco', monospace;
+    font-size: 13px;
+    line-height: 1.5;
+  }
+  
+  .help-panel {
+    margin: 16px 0;
+    background-color: rgba(0, 0, 0, 0.02);
+    
+    mat-list-item {
+      height: auto;
+      padding: 8px 0;
+      
+      code {
+        background-color: #e8f5e9;
+        color: #2e7d32;
+        padding: 2px 6px;
+        border-radius: 3px;
+        font-family: 'Fira Code', 'Consolas', monospace;
+        font-size: 13px;
+      }
+      
+      .mat-mdc-list-item-line {
+        color: rgba(0, 0, 0, 0.6);
+        font-size: 13px;
+        margin-top: 4px;
+      }
+    }
+  }
+  
+  button[mat-stroked-button] {
+    margin-top: 8px;
+  }
+}
+
 ::ng-deep {
   .mat-mdc-form-field-icon-prefix {
     padding-right: 12px;