update App.scss, src/views/Address/index.js, src/views/Dashboard/layouts/Main/UserItems/ProductSuggestion/index.js and src/views/DeliveryForm/Address/index.js

src/views/Address/index.js

@@ -378,9 +378,6 @@ export const Address = ({
                 onClick={() => {
                   setActiveCheckbox(false);
                 }}
-                // onClick={() => {
-                //   setActiveCheckbox(!activeCheckbox);
-                // }}
               >
                 <div className="w-4 h-4 flex flex-col items-center justify-center ml-1 bg-gray-200 rounded-full">
                   <div

src/views/DeliveryForm/Address/index.js

@@ -22,7 +22,7 @@ function Address({
   const Location = ({ address, active }) => {
     return isMobile ? (
       <button
-        className={`flex flex-col  border-2 border-solid items-center w-full px-3 py-2 rounded-md mt-2 transition-all duration-500 dark:bg-opacity-5 ${
+        className={`w-full flex flex-col items-center justify-between mt-2 px-3 py-2 border-2 border-solid transition-all duration-500 dark:bg-opacity-5 rounded-md ${
           userAddressId === address?.id
             ? "bg-blueC0 bg-opacity-5 border-blueC0"
             : "bg-grayF9 border-gray-200 dark:border-gray-500"
@@ -33,13 +33,13 @@ function Address({
             : update({ userAddressId: address.id, userId })
         }
       >
-        <div className="flex items-center">
+        <div className="w-full flex items-center ">
           {loading && userAddressId !== address?.id ? (
             <Loading size={2} color="bg-gray-400" />
           ) : (
             <Radio active={active} />
           )}
-          <div className="flex flex-1 flex-col mr-2">
+          <div className="flex flex-col flex-1 mr-2">
             <li
               className={`text-right text-sm font-semibold leading-5  text-blue52 ${
                 userAddressId === address?.id
@@ -52,7 +52,7 @@ function Address({
           </div>
         </div>
         {/* edit / delete button */}
-        <div className="flex items-center gap-x-4 mt-2">
+        <div className="flex items-center gap-x-4 mt-2 ">
           <div
             style={{ border: "solid 1px #fca5a5" }}
             class="w-full flex flex-row items-center justify-between px-2 py-1 rounded-sm cursor-pointer"