fix(cc-kv-string-editor): remove padding around component

CleverCloud · Nov 26, 2024 · cde5880 · cde5880
1 parent 3370a49
commit cde5880
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 5 deletions.
diff --git a/src/components/cc-kv-explorer/cc-kv-explorer.js b/src/components/cc-kv-explorer/cc-kv-explorer.js
@@ -866,7 +866,11 @@ export class CcKvExplorer extends LitElement {
    * @return {TemplateResult}
    */
   _renderEditString(state, disabled) {
-    return html`<cc-kv-string-editor-beta .state=${state} ?disabled=${disabled}></cc-kv-string-editor-beta>`;
+    return html`<cc-kv-string-editor-beta
+      class="string-editor"
+      .state=${state}
+      ?disabled=${disabled}
+    ></cc-kv-string-editor-beta>`;
   }
 
   /**
@@ -1087,6 +1091,10 @@ export class CcKvExplorer extends LitElement {
           white-space: nowrap;
         }
 
+        .string-editor {
+          margin: 1em;
+        }
+
         .buttons {
           border-top: 1px solid var(--cc-color-border-neutral);
           display: flex;

diff --git a/src/components/cc-kv-string-editor/cc-kv-string-editor.js b/src/components/cc-kv-string-editor/cc-kv-string-editor.js
@@ -92,10 +92,6 @@ export class CcKvStringEditor extends LitElement {
           display: block;
         }
 
-        form {
-          padding: 1em;
-        }
-
         .buttons {
           display: flex;
           gap: 0.5em;