Merge branch 'master' into production

requestly · May 8, 2024 · df6e715 · df6e715
2 parents 8652b81 + 2cfe9c1
commit df6e715
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 3 deletions.
diff --git a/app/src/components/common/RuleEditorModal/RuleEditorModal.css b/app/src/components/common/RuleEditorModal/RuleEditorModal.css
@@ -36,3 +36,11 @@
 .view-rule-toast-btn.ant-btn:focus {
  background: rgba(255, 255, 255, 0.03);
 }
+
+.rule-editor-modal.ant-modal .editor-title-container {
+ width: auto;
+}
+
+.rule-editor-modal.ant-modal .rule-editor-modal-actions {
+ gap: 1rem;
+}
diff --git a/app/src/components/common/RuleEditorModal/index.tsx b/app/src/components/common/RuleEditorModal/index.tsx
@@ -206,9 +206,8 @@ const RuleEditorModal: React.FC<props> = ({ isOpen, handleModalClose, analyticEv
  descriptionChangeCallback={(description) => handleRuleTitleChange("description", description)}
  descriptionPlaceholder="Add description (optional)"
  />
-
  <Col span={7}>
- <Row align="middle" justify="space-evenly" wrap={false}>
+ <Row align="middle" justify="end" wrap={false} className="rule-editor-modal-actions">
  <RuleStatusButton location={window.location} isRuleEditorModal={true} />
  {mode === EditorMode.EDIT && (
  <>

diff --git a/app/src/lib/design-system/components/RQEditorTitle/index.tsx b/app/src/lib/design-system/components/RQEditorTitle/index.tsx
@@ -65,7 +65,7 @@ export const RQEditorTitle: React.FC<TitleProps> = ({
 
  return (
  <Row className="editor-title-container">
- <Col span={20}>
+ <Col>
  <Row className="editor-title-name">
  {name.length === 0 || isNameEditable ? (
  <div className="editor-title-name-wrapper">