chore: tweak editor border styles

web/src/components/MemoEditor/index.tsx

@@ -425,7 +425,7 @@ const MemoEditor = (props: Props) => {
     <div
       className={`${
         className ?? ""
-      } relative w-full flex flex-col justify-start items-start bg-white dark:bg-zinc-700 px-4 pt-4 rounded-lg border-2 border-gray-200 dark:border-zinc-600`}
+      } relative w-full flex flex-col justify-start items-start bg-white dark:bg-zinc-700 px-4 pt-4 rounded-lg border border-gray-200 dark:border-zinc-600`}
       tabIndex={0}
       onKeyDown={handleKeyDown}
       onDrop={handleDropEvent}

web/src/components/Settings/SystemSection.tsx

@@ -353,10 +353,20 @@ const SystemSection = () => {
           fontFamily: "monospace",
           fontSize: "14px",
         }}
-        placeholder={"Your instance url, should be started with http:// or https://"}
+        placeholder={"Should be started with http:// or https://"}
         value={instanceUrl}
         onChange={(event) => handleInstanceUrlChanged(event.target.value)}
       />
+      <div className="w-full">
+        <Link
+          className="text-gray-500 text-sm inline-flex flex-row justify-start items-center mt-2 hover:underline hover:text-blue-600"
+          to="https://usememos.com/docs/advanced-settings/seo"
+          target="_blank"
+        >
+          {t("common.learn-more")}
+          <Icon.ExternalLink className="inline w-4 h-auto ml-1" />
+        </Link>
+      </div>
       <Divider className="!mt-3 !my-4" />
       <div className="form-label">
         <div className="flex flex-row items-center">

web/src/pages/DailyReview.tsx

@@ -128,7 +128,7 @@ const DailyReview = () => {
 
             {selectedDateStamp === currentDateStamp && (
               <div className="w-full pl-0 sm:pl-12 sm:mt-4">
-                <MemoEditor className="!border" cacheKey="daily-review-editor" />
+                <MemoEditor cacheKey="daily-review-editor" />
               </div>
             )}
           </div>

web/src/pages/MemoDetail.tsx

@@ -219,7 +219,6 @@ const MemoDetail = () => {
             {currentUser && (
               <MemoEditor
                 key={memo.id}
-                className="!border"
                 cacheKey={`comment-editor-${memo.id}`}
                 relationList={[{ memoId: UNKNOWN_ID, relatedMemoId: memo.id, type: "COMMENT" }]}
                 onConfirm={handleCommentCreated}