Merge pull request #39 from GooeyAI/alert-modal-header-padding

nikochiko · web-flow · commit e39e8823958b · 2024-09-23T18:16:42.000+05:30
fix padding and alignment for close button in alert dialog
diff --git a/app/styles/custom.css b/app/styles/custom.css
@@ -780,3 +780,6 @@ a.text-primary:hover {
 .modal {
   animation: fadeInBackground 1s forwards;
 }
+.modal-header {
+  align-items: start;
+}
diff --git a/py/gooey_gui/components/modal.py b/py/gooey_gui/components/modal.py
@@ -62,7 +62,7 @@ def alert_dialog(
             '<i class="fa fa-times fa-xl">',
             key=ref.close_btn_key,
             type="tertiary",
-            className="py-1 px-2 mb-1",
+            className="m-0 py-1 px-2",
         )
     return body
 

Original file line number	Diff line number	Diff line change
`@@ -780,3 +780,6 @@ a.text-primary:hover {`
`780`	`780`	`.modal {`
`781`	`781`	`animation: fadeInBackground 1s forwards;`
`782`	`782`	`}`
	`783`	`+.modal-header {`
	`784`	`+ align-items: start;`
	`785`	`+}`