design fixup

Author: maxchistt

client/src/NoteComponents/NoteItem.js

@@ -58,14 +58,14 @@ function NoteItem({ note = new Note(), index }) {
                         style={footerBtn.style}
                         onClick={() => editNoteOrder(index, false)}
                     >
-                        ❱
+                        <i className="bi bi-chevron-compact-right"></i>
                     </button>
                     <button
                         className={footerBtn.className}
                         style={footerBtn.style}
                         onClick={() => editNoteOrder(index, true)}
                     >
-                        &#10096;
+                        <i className="bi bi-chevron-compact-left"></i>
                     </button>
                 </div>
             </div>

client/src/Pages/NotesPage.css

@@ -29,8 +29,8 @@
 
 .item-footer-btn {
   transition: opacity 0.15s !important;
-  opacity: 0.2 !important;
+  opacity: 0.3 !important;
 }
 .item-footer-btn:hover {
-  opacity: 0.9 !important;
+  opacity: 1 !important;
 }