Update flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.scss

flare-ui/src/app/dialogs/api-edit-dialog/api-edit-dialog.component.scss

@@ -420,4 +420,63 @@ mat-dialog-actions {
       }
     }
   }
+}
+
+.array-section {
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 16px;
+    
+    h3 {
+      margin: 0;
+      font-size: 16px;
+    }
+  }
+  
+  .array-item {
+    display: flex;
+    gap: 12px;
+    align-items: flex-start;
+    margin-bottom: 16px;
+    
+    .key-field {
+      flex: 1;
+      min-width: 150px;
+    }
+    
+    .value-field {
+      flex: 2;
+      min-width: 200px;
+    }
+    
+    // Delete button
+    > button[mat-icon-button] {
+      margin-top: 8px; // Mat-form-field ile hizalamak için
+    }
+  }
+  
+  .empty-message {
+    text-align: center;
+    color: #666;
+    padding: 20px;
+    background-color: #f5f5f5;
+    border-radius: 4px;
+    margin: 16px 0;
+  }
+}
+
+@media (max-width: 768px) {
+  .array-section {
+    .array-item {
+      flex-wrap: wrap;
+      
+      .key-field,
+      .value-field {
+        flex: 1 1 100%;
+        min-width: unset;
+      }
+    }
+  }
 }