chore(react): improve style of buttons

apps/client/src/widgets/note_map/NoteMap.css

@@ -11,11 +11,6 @@
     border-radius: .2rem;
 }
 
-.fixnodes-type-switcher button.toggled {
-    background: var(--active-item-background-color);
-    color: var(--active-item-text-color);
-}
-
 /* Start of styling the slider */
 .fixnodes-type-switcher input[type="range"] {
 

apps/client/src/widgets/note_map/NoteMap.tsx

@@ -105,8 +105,9 @@ export default function NoteMap({ note, widgetMode, parentRef }: NoteMapProps) {
                 <ActionButton
                     icon="bx bx-lock-alt"
                     text={t("note_map.fix-nodes")}
-                    className={fixNodes ? "toggled" : ""}
+                    className={fixNodes ? "active" : ""}
                     onClick={() => setFixNodes(!fixNodes)}
+                    frame
                 />
             </div>
 
@@ -126,7 +127,7 @@ function MapTypeSwitcher({ icon, text, type, currentMapType, setMapType }: {
     return (
         <ActionButton
             icon={icon} text={text}
-            disabled={currentMapType === type}
+            active={currentMapType === type}
             onClick={() => setMapType(type)}
             frame
         />