From bb588b10d2492c5b97275a01b62ae8ef91945e4a Mon Sep 17 00:00:00 2001
From: Santiago Lamora <santiago@ribaguifi.com>
Date: Mon, 7 Mar 2022 18:28:45 +0100
Subject: [PATCH] Refactor HTML: use d-flex

---
 .../templates/inventory/device_list.html      | 46 +++++++------------
 1 file changed, 17 insertions(+), 29 deletions(-)

diff --git a/ereuse_devicehub/templates/inventory/device_list.html b/ereuse_devicehub/templates/inventory/device_list.html
index 4736f1a1..7575cf0f 100644
--- a/ereuse_devicehub/templates/inventory/device_list.html
+++ b/ereuse_devicehub/templates/inventory/device_list.html
@@ -32,36 +32,24 @@
         <div class="card-body pt-3">
           <!-- Bordered Tabs -->
 
-            <div class="row">
-              <div class="col-6">
-                  <h3><a href="{{ url_for('inventory.devices.lot_edit', id=lot.id) }}">{{ lot.name }}</a></h3>
-              </div>
-              <div class="col">
-                  {% if lot and lot.is_temporary %}
-                    <span class="d-none" id="activeRemoveLotModal" data-bs-toggle="modal" data-bs-target="#btnRemoveLots"></span>
-                    <a href="javascript:removeLot()">
-                      <i class="bi bi-trash"></i>
-                      Remove Lot
-                    </a>
-                  {% endif %}
-              </div>
-              <div class="col">
-                  {% if lot and lot.is_temporary %}
-                    <a href="javascript:newTrade('user_from')">
-                      <i class="bi bi-plus"></i>
-                      Add supplier
-                    </a>
-                  {% endif %}
-              </div>
-              <div class="col">
-                  {% if lot and lot.is_temporary %}
-                    <a href="javascript:newTrade('user_to')">
-                      <i class="bi bi-plus"></i>
-                      Add receiver
-                    </a>
-                  {% endif %}
-              </div>
+          <div class="d-flex align-items-center justify-content-between">
+            <h3><a href="{{ url_for('inventory.devices.lot_edit', id=lot.id) }}">{{ lot.name }}</a></h3>
+
+            <div><!-- lot actions -->
+              {% if lot.is_temporary %}
+                <span class="d-none" id="activeRemoveLotModal" data-bs-toggle="modal" data-bs-target="#btnRemoveLots"></span>
+                <a class="me-2" href="javascript:removeLot()">
+                  <i class="bi bi-trash"></i> Remove Lot
+                </a>
+                <a class="me-2" href="javascript:newTrade('user_from')">
+                  <i class="bi bi-plus"></i> Add supplier
+                </a>
+                <a href="javascript:newTrade('user_to')">
+                  <i class="bi bi-plus"></i> Add receiver
+                </a>
+              {% endif %}
             </div>
+          </div>
         </div>
       </div>
       {% endif %}