style: padronixação modal | tooltips

gestaoRaul/templates/htmx_components/htmx_list_products_in_comanda.html

@@ -11,11 +11,14 @@
   <td>
     {{item.product.name}}
     {% if item.product.cuisine == True %}
+    <span data-tooltip="Observações para preparo." data-flow="top">
+
     <img
     onclick="openModalObs({{item.id}})"
     src="{% static 'midia/icons/note.svg' %}"
     style="width: 25px; height: 35px; cursor: pointer;">
   </img>
+  <span>
     {% endif %}
 
   </td>

gestaoRaul/templates/htmx_components/products/htmx_search_products.html

@@ -32,20 +32,22 @@
     <input type="hidden"  name="id-product" id="id-{{product.id}}" value="{{ product.id }}">
 
   {% if product.active == True %}
-  <button style="background-color: rgba(255, 0, 0, 0); padding: 0px;">
-    <img 
-  src="{% static 'midia/icons/toggle-on.svg' %}" 
-  style=" width: 35px; height: 35px; cursor: pointer;" 
-   >
-</img>
+  <button style="background-color: rgba(255, 0, 0, 0); padding: 0px;border: 0px;">
+    <span data-tooltip="Ativar ou Desativar Produto" data-flow="top">
+      <img 
+      src="{% static 'midia/icons/toggle-on.svg' %}" 
+      style=" width: 35px; height: 35px; cursor: pointer;" >
+    </img>
+  </span>
   </button>
   {% else %}
-  <button style="background-color: rgba(0, 128, 0, 0); padding: 0px;" >
+  <button style="background-color: rgba(0, 128, 0, 0); padding: 0px;border: 0px;" >
+    <span data-tooltip="Ativar ou Desativar Produto" data-flow="top">
     <img 
-  src="{% static 'midia/icons/toggle-off.svg' %}" 
-  style=" width: 35px; height: 35px; cursor: pointer;" 
-   >
-</img>
+      src="{% static 'midia/icons/toggle-off.svg' %}" 
+      style=" width: 35px; height: 35px; cursor: pointer;" >
+    </img>
+    <span>
   </button>
   {% endif %}