From c101f128df316fa23f461ba8c0545bc0a53d61d4 Mon Sep 17 00:00:00 2001
From: crupest <crupest@outlook.com>
Date: Fri, 1 Jan 2021 23:37:59 +0800
Subject: ...

---
 FrontEnd/src/app/views/home/TimelineBoard.tsx | 25 ++++++++++++++-----------
 1 file changed, 14 insertions(+), 11 deletions(-)

(limited to 'FrontEnd/src/app/views/home/TimelineBoard.tsx')

diff --git a/FrontEnd/src/app/views/home/TimelineBoard.tsx b/FrontEnd/src/app/views/home/TimelineBoard.tsx
index 77801a57..93da14cb 100644
--- a/FrontEnd/src/app/views/home/TimelineBoard.tsx
+++ b/FrontEnd/src/app/views/home/TimelineBoard.tsx
@@ -38,17 +38,16 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({
 
   const content = (
     <>
-      <div>
-        {isPersonal ? (
-          <UserTimelineLogo className="icon" />
-        ) : (
-          <TimelineLogo className="icon" />
-        )}
-        {title}
-        <small className="ml-2 text-secondary">{name}</small>
-      </div>
+      {isPersonal ? (
+        <UserTimelineLogo className="icon" />
+      ) : (
+        <TimelineLogo className="icon" />
+      )}
+      <span className="title">{title}</span>
+      <small className="ml-2 text-secondary">{name}</small>
+      <span className="flex-grow-1"></span>
       {actions != null ? (
-        <div>
+        <div className="right">
           <i className="bi-trash icon-button text-danger px-2" />
           <i
             className="bi-grip-vertical icon-button text-gray px-2"
@@ -58,7 +57,11 @@ const TimelineBoardItem: React.FC<TimelineBoardItemProps> = ({
             }}
             onPointerUp={(e) => {
               actions.onMoveEnd(e);
-              e.currentTarget.releasePointerCapture(e.pointerId);
+              try {
+                e.currentTarget.releasePointerCapture(e.pointerId);
+              } catch (_) {
+                void null;
+              }
             }}
             onPointerMove={actions.onMoving}
           />
-- 
cgit v1.2.3

