styling update

Author: Armatorix

apps/frontend/src/components/launches/tags.component.tsx

@@ -176,30 +176,32 @@ export const TagsComponent: FC<{
             );
             return (
               <div
-                className="flex flex-row items-center gap-2 p-2 cursor-pointer hover:bg-customColor1 "
+                className="flex flex-row items-center gap-2 p-2 cursor-pointer hover:bg-customColor1 group"
                 {...option}
               >
-                <input
-                  type="checkbox"
-                  checked={
-                    tagValue.findIndex((f) => f.label === option.option.label) >
-                    -1
-                  }
-                  readOnly
-                />
+                {findTag && (
+                  <input
+                    type="checkbox"
+                    checked={
+                      tagValue.findIndex(
+                        (f) => f.label === option.option.label
+                      ) > -1
+                    }
+                    readOnly
+                  />
+                )}
                 <div
                   className="size-3 rounded-full flex-shrink-0"
                   style={{
                     backgroundColor: findTag?.color || '#942828',
                   }}
                 />
                 {option.option.label}
-                {/* edit and delete butotns */}
                 <div className="flex items-center flex-grow flex-row-reverse">
                   {findTag && (
                     <Button
                       onClick={edit(findTag)}
-                      className="!h-6 !px-2 !rounded !text-xs !bg-third items-center hover:!opacity-70"
+                      className="!h-6 !px-2 !rounded !text-xs !bg-third items-center hover:!opacity-70 invisible group-hover:visible"
                     >
                       <svg
                         xmlns="http://www.w3.org/2000/svg"