fix: html refactor

web/templates/components/cart/cart.html

@@ -10,7 +10,7 @@
           <div class="space-y-6">
 
             {% for item in items %}
-              <div class="rounded-lg p-4 shadow-sm md:p-6">
+              <div class="rounded-lg p-4 shadow-md md:p-6">
                 <div class="space-y-4 flex items-center justify-between gap-6 space-y-0">
                   <a href="{% url 'web:product_detail' pk=item.product.pk slug=item.product.slug %}"
                      class="shrink-0 md:order-1">
@@ -155,10 +155,10 @@
                     {% translate 'País' %}
                   </label>
                   <input type="text" name="shipping_address_country" id="shipping_address_country"
-                     class="input"
-                     placeholder="{% translate 'País' %}"
-                     value="{% if shipping_address %}{{ shipping_address.address_country }}{% endif %}"
-                     required=""
+                         class="input"
+                         placeholder="{% translate 'País' %}"
+                         value="{% if shipping_address %}{{ shipping_address.address_country }}{% endif %}"
+                         required=""
                   >
                 </div>
 
@@ -276,7 +276,7 @@
         <!-- Resumen del pedido -->
         <div class="mx-auto mt-6 max-w-4xl flex-1 space-y-6 lg:mt-0 lg:w-full">
           <div
-            class="space-y-4 rounded-lg p-4 shadow-sm   sm:p-6">
+            class="space-y-4 rounded-lg p-4 shadow-md   sm:p-6">
             <p class="text-xl font-semibold  ">
               {% translate 'Resumen del pedido' %}
             </p>
@@ -324,10 +324,13 @@
               </dl>
             </div>
 
-            <button
-              class="flex w-full items-center justify-center rounded-lg  px-5 py-2.5 text-sm font-medium text-white hover: focus:outline-none focus:ring-4 focus:ring-primary-300  : :ring-primary-800 cursor-pointer">
-              {% translate 'Terminar pedido' %}
-            </button>
+            <div class="flex justify-center items-center">
+              <button
+                class="btn btn-primary">
+                {% translate 'Terminar pedido' %}
+              </button>
+            </div>
+
 
             <div class="flex items-center justify-center gap-2">
               <span class="text-sm font-normal  "> {% translate 'o' %} </span>