Move edit button bottom right (#336)

Author: chmurson

README.md

@@ -51,8 +51,8 @@ npm run docker:test
 
 # Update snapshots
 npm run docker:test:update
-
 ```
+This will update all the snapshots. You can compare it afterward in your local Git GUI or Github web interface, and take actions if something is wrong.
 
 ## Local Testing 
 

package-lock.json

@@ -23,7 +23,7 @@
   },
   "dependencies": {
     "@fluffylabs/migrate-selection": "^1.0.0",
-    "@fluffylabs/shared-ui": "^0.4.0",
+    "@fluffylabs/shared-ui": "^0.4.2",
     "@fluffylabs/synctex-store": "^1.0.0",
     "@radix-ui/react-dropdown-menu": "^2.1.15",
     "@radix-ui/react-popover": "^1.1.14",

package.json

@@ -1,7 +1,4 @@
 import { twMerge } from "tailwind-merge";
-import { type PrefixedLabel, prefixLabel } from "../NotesProvider/hooks/useLabels";
-import { NoteSource } from "../NotesProvider/types/DecoratedNote";
-import type { UnPrefixedLabel } from "../NotesProvider/types/StorageNote";
 import { contrast, hslColorToCss, hslToHex } from "./color-utils";
 import "./Label.css";
 import { useMemo } from "react";
@@ -13,7 +10,7 @@ export function Label({
   variant = "filled",
   showTooltip = false,
 }: {
-  label: PrefixedLabel;
+  label: string;
   icon?: string;
   className?: string;
   variant?: "filled" | "outlined";
@@ -43,10 +40,6 @@ export function Label({
   );
 }
 
-export function LabelString({ label, source = NoteSource.Local }: { label: UnPrefixedLabel; source?: NoteSource }) {
-  return <Label label={prefixLabel(source, label)} />;
-}
-
 function dimColor(mainColor: { hsl: [number, number, number] }) {
   const newDimmedSaturation = mainColor.hsl[1] * 0.75;
   const newDimmedLightness = mainColor.hsl[2] / 5;

src/components/Label/Label.tsx

@@ -19,7 +19,8 @@
 
 .notes-wrapper .note-manager {
   flex: 1;
-  overflow: auto;
+  overflow-y: auto;
+  overflow-x: hidden;
 }
 
 
@@ -36,11 +37,6 @@
   border-radius: 6px;
 }
 
-.note-manager .note textarea,
-.note-manager .note input {
-  border: 1px solid #767676;
-}
-
 .note-manager .validation-message {
   padding-bottom: 10px;
   color: #f22;