From 8f9096bace34658b63f9913fdd40e90953d11bfb Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Thu, 1 Jul 2021 22:07:08 +0800
Subject: fix: Use icon button to prevent overflow.

---
 FrontEnd/src/views/timeline-common/MarkdownPostEdit.tsx | 10 ++++------
 1 file changed, 4 insertions(+), 6 deletions(-)

(limited to 'FrontEnd/src')

diff --git a/FrontEnd/src/views/timeline-common/MarkdownPostEdit.tsx b/FrontEnd/src/views/timeline-common/MarkdownPostEdit.tsx
index 6d0fbedd..300b3d9d 100644
--- a/FrontEnd/src/views/timeline-common/MarkdownPostEdit.tsx
+++ b/FrontEnd/src/views/timeline-common/MarkdownPostEdit.tsx
@@ -109,11 +109,9 @@ const MarkdownPostEdit: React.FC<MarkdownPostEditProps> = ({
           process ? (
             <Spinner />
           ) : (
-            <>
-              <FlatButton
-                text="operationDialog.cancel"
-                className="me-2"
-                color="danger"
+            <div>
+              <i
+                className="icon-button large bi-x cru-color-danger cru-align-middle me-2"
                 onClick={() => {
                   if (canLeave) {
                     onClose();
@@ -123,7 +121,7 @@ const MarkdownPostEdit: React.FC<MarkdownPostEditProps> = ({
                 }}
               />
               {canSend && <FlatButton text="timeline.send" onClick={send} />}
-            </>
+            </div>
           )
         }
         pages={[
-- 
cgit v1.2.3