Merge pull request #1 from ThilakReddyy/master

Fix: Button Alignment Issue
Permify · Dec 16, 2023 · 44445e9 · 44445e9
2 parents 7b13704 + 51cfc9a
commit 44445e9
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/playground/src/layout/sides/particials/data/attributes.js b/playground/src/layout/sides/particials/data/attributes.js
@@ -134,9 +134,9 @@ function Attributes() {
             render: (_, record) => {
                 const editable = isEditing(record);
                 return editable ? (
-                    <span>
+                    <span className="flex flex-col" style={{ width: "fit-content" }}>
                         <Button type="primary" onClick={() => save(record.key)}>Save</Button>
-                        <Button className="ml-8 text-white" type="link"
+                        <Button className="text-white" type="link"
                                 onClick={() => cancel(record.key)}>Cancel</Button>
                     </span>
                 ) : (

diff --git a/playground/src/layout/sides/particials/data/relationships.js b/playground/src/layout/sides/particials/data/relationships.js
@@ -150,7 +150,7 @@ function Relationships() {
                 return editable ? (
                     <span className="flex flex-col" style={{ width: "fit-content" }}>
                         <Button type="primary" onClick={() => save(record.key)}>Save</Button>
-                        <Button className="ml-8 text-white" type="link"
+                        <Button className="text-white" type="link"
                                 onClick={() => cancel(record.key)}>Cancel</Button>
                     </span>
                 ) : (