From 5b84d815903238fb2db4cae221390d32345633ec Mon Sep 17 00:00:00 2001
From: pedro <git2021@cas.cat>
Date: Wed, 25 Sep 2024 22:48:03 -0300
Subject: [PATCH] new_device: UX: clarify add component details

---
 device/templates/new_device.html | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/device/templates/new_device.html b/device/templates/new_device.html
index bdb2911..5f76e69 100644
--- a/device/templates/new_device.html
+++ b/device/templates/new_device.html
@@ -40,15 +40,6 @@
   {% endif %}
   {{ form.management_form }}
   <div class="container" id="formset-container">
-    <div class="row mb-2">
-      <div class="col"></div>
-      <div class="col-2 text-center">
-        <a href="javascript:void()" onclick="addForm(this);" type="button" class="btn btn-green-admin">
-          <i class="bi bi-plus"></i>
-          {% trans 'Add' %}
-        </a>
-      </div>
-    </div>
     <div class="row mb-2">
       <div class="col">
         {% bootstrap_field form.0.type %}
@@ -64,6 +55,17 @@
         {% bootstrap_field form.0.customer_id %}
       </div>
     </div>
+    <div class="row mb-2">
+      <div class="col-10">
+        <span class="fw-bold">{% trans 'Component details' %}</span>
+      </div>
+      <div class="col-2 text-center">
+        <a href="javascript:void()" onclick="addForm(this);" type="button" class="btn btn-green-admin text-nowrap">
+          <i class="bi bi-plus"></i>
+          {% trans 'Add component' %}
+        </a>
+      </div>
+    </div>
     {% for f in form %}
       <div class="row mb-2">
         <div class="col">