improved ui by adding explanations

1 files changed, 6 insertions, 6 deletions

diff --git a/templates/inventory/home.html b/templates/inventory/home.html
index 5b5d6b6..f7d2faa 100644
--- a/templates/inventory/home.html
+++ b/templates/inventory/home.html
@@ -24,11 +24,15 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
 {% load staticfiles %}
   <link rel="stylesheet" type="text/css" href="{% static 'card.css' %}" />
   <center><h1 class="nav">INVENTORY</h1></center>
+  <p>The current products in the inventory available has been displayed below. To add new physical or digital inventory click the buttons respectively below this text. For detailed information about specific product click on the card below (cards are displayed only when there is inventory in the stocks).</p>
 {% endblock headermsg %}
 
 {% block content %}
-<div class="main">
-
+<div class="main" style="overflow-x: hidden;">
+  <div>
+    <center><a id='add_new_product' href="/new_product">ADD PHYSICAL INVENTORY</a></center></br>
+    <center><a href="/digital_inventory">ADD DIGITAL INVENTORY</a></center><br>
+  </div>
   <ul class="cards">
     {% for item in data %}
       <li class="cards__item">
@@ -48,9 +52,5 @@ with the Taler Codeless Merchant.  If not, see <https://www.gnu.org/licenses/>.
       </li>
     {% endfor %}
   </ul>
-
-  <center><a id='add_new_product' href="/new_product">ADD PRODUCT</a></center></br>
-  <center><a href="/digital_inventory">ADD DIGITAL INVENTORY</a></center>
-
 </div>
 {% endblock content %}
\ No newline at end of file