From 6702e9861ccf2bae10e14e6403cc38a8874968e7 Mon Sep 17 00:00:00 2001
From: Rachel Braverman <rachelb@shfing.com>
Date: Mon, 22 Jan 2024 15:05:14 +0200
Subject: [PATCH 1/2] The finish of the design (except for the font) is without
 style number 2

---
 src/components/toolbar/LineDefinition.tsx | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/toolbar/LineDefinition.tsx b/src/components/toolbar/LineDefinition.tsx
index 7148976..2b93c7a 100644
--- a/src/components/toolbar/LineDefinition.tsx
+++ b/src/components/toolbar/LineDefinition.tsx
@@ -39,7 +39,7 @@ const LineDefinition = () => {
   return (
     <button
       ref={wrapperRef}
-      className={`flex flex-col items-end  right-0 absolute  mt-[1.8%] mr-[1.8%] rounded-md  ${isMenuOpen && "shadow-2xl bg-[#009FDE]"}`}
+      className={`flex flex-col items-end  right-0 absolute  mt-[1.5%] mr-[1.5%] rounded-md  ${isMenuOpen && "shadow-2xl bg-[#009FDE]"}`}
     >
       <div className={`cursor-pointer flex  w-259 text-xl font-bold rounded-md ${isMenuOpen && "bg-[#009FDE]"}`} onClick={handleButtonClick}>
         <img className="flex-shrink-0 p-5 pr-5" src={isMenuOpen ? closeMenu : openMenu} />
@@ -48,23 +48,23 @@ const LineDefinition = () => {
             isMenuOpen && " text-[#ffffff]"
           }`}
         >
-          {"הגדרת הישר"}
+          הגדרת הישר
         </div>
       </div>
 
       {isMenuOpen && (
         <div className="flex flex-col items-end pt-8 pb-2 rounded-tl-5 right-0 rounded-md opacity-100 bg-#009FDE">
           <Button className={fontButtonClassName} onClick={() => handleMenuButtonClick(LineRange.ten)}>
-            {"10-0"}
+            10-0
           </Button>
           <Button className={fontButtonClassName} onClick={() => handleMenuButtonClick(LineRange.twenty)}>
-            {"20-0"}
+            20-0
           </Button>
           <Button className={fontButtonClassName} onClick={() => handleMenuButtonClick(LineRange.hundredCircular)}>
-            {"(קפיצות של 10) 100-0"}
+            (קפיצות של 10) 100-0
           </Button>
           <Button className={fontButtonClassName} onClick={() => handleMenuButtonClick(LineRange.hundred)}>
-            {"(קפיצות של 1) 100-0 "}
+            (קפיצות של 1) 100-0
           </Button>
         </div>
       )}

From 4c7234fdf16a335a10b1e384531c2f678e1bcd04 Mon Sep 17 00:00:00 2001
From: Rachel Braverman <rachelb@shfing.com>
Date: Mon, 22 Jan 2024 15:09:37 +0200
Subject: [PATCH 2/2] The finish of the design (except for the font) is without
 style_number 2

---
 src/components/toolbar/LineDefinition.tsx | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/components/toolbar/LineDefinition.tsx b/src/components/toolbar/LineDefinition.tsx
index 0bd2f78..f6b96a3 100644
--- a/src/components/toolbar/LineDefinition.tsx
+++ b/src/components/toolbar/LineDefinition.tsx
@@ -5,7 +5,6 @@ import { useNumbersLineContext } from "../../context/numbersLineContext";
 import openMenu from "../../assets/icons/menuButtonOpen.svg";
 import closeMenu from "../../assets/icons/menuButtonClose.svg";
 
-
 const LineDefinition = () => {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
   const { setKind } = useNumbersLineContext();
@@ -13,7 +12,6 @@ const LineDefinition = () => {
 
   useEffect(() => {
     const handleOutsideClick = (event: any) => {
-      // Close the component if the click is outside the component
       if (wrapperRef.current && !wrapperRef.current.contains(event.target)) {
         setIsMenuOpen(false);
       }
@@ -52,7 +50,6 @@ const LineDefinition = () => {
       </div>
 
       {isMenuOpen && (
-
         <div className="flex flex-col items-end pt-8 pb-2 rounded-tl-5 right-0 rounded-md opacity-100 bg-#009FDE">
           <Button className={fontButtonClassName} onClick={() => handleMenuButtonClick(LineRange.ten)}>
             10-0