fix(frontend): button padding right

Signed-off-by: Me0wo <[email protected]>

Author: Sn0wo2

Frontend/src/router/Note.scss

@@ -57,6 +57,10 @@
     align-items: center;
   }
 
+  .right-buttons {
+    padding-right: 35px;
+  }
+
   button {
     @include button-style;
   }
@@ -71,6 +75,10 @@
       justify-content: center;
     }
 
+    .right-buttons {
+      padding-right: 0;
+    }
+
     .note-logo {
       position: absolute;
       top: -15px;

Frontend/src/router/Note.tsx

@@ -3,7 +3,7 @@ import { ImportNote } from "@/components/ImportNote.tsx";
 import { exportNote, getNote, importNote, saveNote } from "@/services/noteAPI";
 import MDEditor from "@uiw/react-md-editor";
 import { type ChangeEvent, useCallback, useEffect, useRef, useState } from "react";
-import { toast, Toaster } from "react-hot-toast";
+import { toast } from "react-hot-toast";
 import { useNavigate, useParams } from "react-router-dom";
 import "./Note.scss";
 
@@ -83,8 +83,6 @@ export function Note() {
   return (
     <>
       <DarkModeToggle />
-      <div className="content">
-        <Toaster position="top-right" />
         <ImportNote callback={async (to: string) => {
           navigate(`/note/${to}`, { replace: true });
           if (to === id) {
@@ -171,7 +169,6 @@ export function Note() {
         }}>
           {window.location.host + window.location.pathname}
         </button>
-      </div>
     </>
   );
 }