From 7a6702dfbfef6e4a87b73bc4e97122b24beaf904 Mon Sep 17 00:00:00 2001
From: abhisheks <abhisheks@consultbop.com>
Date: Fri, 15 Dec 2023 21:00:15 +0530
Subject: [PATCH] refactor: update my-accounts address section page

---
 assets/css/theme.css                           | 4 ++++
 templates/customer/_partials/block-address.tpl | 2 +-
 templates/customer/addresses.tpl               | 5 ++---
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/css/theme.css b/assets/css/theme.css
index ae2c9fb..8d79c9a 100644
--- a/assets/css/theme.css
+++ b/assets/css/theme.css
@@ -1953,6 +1953,10 @@ input[type="radio"]:focus,input[type="checkbox"]:focus {
     display: none;
   }
 
+  .max-md\:w-full {
+    width: 100%;
+  }
+
   .max-md\:max-w-full {
     max-width: 100%;
   }
diff --git a/templates/customer/_partials/block-address.tpl b/templates/customer/_partials/block-address.tpl
index 04ecf13..96f9a61 100644
--- a/templates/customer/_partials/block-address.tpl
+++ b/templates/customer/_partials/block-address.tpl
@@ -30,7 +30,7 @@
     </div>
 
     {block name='address_block_item_actions'}
-      <div class="address-footer flex gap-2">
+      <div class="address-footer flex flex-col gap-2">
         <a href="{url entity=address id=$address.id}" data-link-action="edit-address" >
           <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /><path d="M13.5 6.5l4 4" /></svg>
         </a>
diff --git a/templates/customer/addresses.tpl b/templates/customer/addresses.tpl
index e6121c9..3763cfa 100644
--- a/templates/customer/addresses.tpl
+++ b/templates/customer/addresses.tpl
@@ -41,9 +41,8 @@
     {/foreach}
   </div>
   <div class="clearfix"></div>
-  <div class="addresses-footer">
-    <a href="{$urls.pages.address}" data-link-action="add-address" class="flex flex-col items-center">
-      <svg xmlns="http://www.w3.org/2000/svg" class="icon icon-tabler icon-tabler-pencil-plus" width="24" height="24" viewBox="0 0 24 24" stroke-width="2" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M4 20h4l10.5 -10.5a2.828 2.828 0 1 0 -4 -4l-10.5 10.5v4" /><path d="M13.5 6.5l4 4" /><path d="M16 19h6" /><path d="M19 16v6" /></svg>
+  <div class="addresses-footer flex mt-4">
+  <a href="{$urls.pages.address}" data-link-action="add-address" class=" max-md:w-full uppercase py-2 px-8 font-medium text-center border border-blue-950 text-blue-950 hover:text-blue-900 hover:border-blue-900">
       <span>{l s='Create new address' d='Shop.Theme.Actions'}</span>
     </a>
   </div>