chore: update pencil icon position

juspay · Nov 12, 2024 · c34d889 · c34d889
1 parent 185fc5f
commit c34d889
Showing 1 changed file with 4 additions and 6 deletions.
diff --git a/src/screens/OMPSwitch/OMPSwitchHelper.res b/src/screens/OMPSwitch/OMPSwitchHelper.res
@@ -4,16 +4,14 @@ module ListBaseComp = {
     <div
       className="flex items-center justify-between text-sm text-center text-white font-medium rounded hover:bg-opacity-80 bg-sidebar-blue cursor-pointer">
       <div className="flex flex-col items-start px-2 py-2 w-5/6">
-        <div className="flex gap-2">
-          <p className="text-xs text-gray-400"> {heading->React.string} </p>
-          <RenderIf condition={showEditIcon}>
-            <Icon name="pencil-alt" size=10 onClick=onEditClick />
-          </RenderIf>
-        </div>
+        <p className="text-xs text-gray-400"> {heading->React.string} </p>
         <div className="w-full text-left overflow-auto">
           <p className="fs-10"> {subHeading->React.string} </p>
         </div>
       </div>
+      <RenderIf condition={showEditIcon}>
+        <Icon name="pencil-alt" size=10 onClick=onEditClick className="mt-4 mr-1" />
+      </RenderIf>
       <div className="px-2 py-2">
         <Icon
           className={arrow