From 7e4dd125e1711dcfc931be6ca2c33db1fd389458 Mon Sep 17 00:00:00 2001
From: gerlofvanek <gerlof@particl.io>
Date: Thu, 13 Oct 2022 19:53:34 +0200
Subject: [PATCH] ui: Table fix

---
 basicswap/templates/offer.html  |  6 +++---
 basicswap/templates/offers.html | 10 +++++-----
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/basicswap/templates/offer.html b/basicswap/templates/offer.html
index 473817c..00e345a 100644
--- a/basicswap/templates/offer.html
+++ b/basicswap/templates/offer.html
@@ -301,20 +301,20 @@ None
 {% if data.amount_negotiable == true %}
   <tr class="bg-white border-t hover:bg-gray-50">
   <td class="py-4 px-6 bold">Amount</td>
-  <td class="py-4 px-6"><input type="text" id="bid_amount" name="bid_amount" value="{{ data.bid_amount }}" onchange="updateBidParams('amount');"></td>
+  <td class="py-4 px-6"><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_amount" name="bid_amount" value="{{ data.bid_amount }}" onchange="updateBidParams('amount');"></td>
 </tr>
 {% endif %}
 
 {% if data.rate_negotiable == true %}
   <tr class="bg-white border-t hover:bg-gray-50">
   <td class="py-4 px-6 bold">Rate</td>
-  <td class="py-4"><input type="text" id="bid_rate" name="bid_rate" value="{{ data.bid_rate }}" onchange="updateBidParams('rate');"></td>
+  <td class="py-4"><input type="text" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" id="bid_rate" name="bid_rate" value="{{ data.bid_rate }}" onchange="updateBidParams('rate');"></td>
 </tr>
 {% endif %}
 
   <tr class="bg-white border-t hover:bg-gray-50">
   <td class="py-4 px-6 bold">Minutes valid</td>
-  <td class="py-4"><input type="number" name="validmins" min="10" max="1440" value="{{ data.nb_validmins }}">
+  <td class="py-4"><input type="number" class="appearance-none bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg outline-none focus:ring-blue-500 focus:border-blue-500 block p-2.5" name="validmins" min="10" max="1440" value="{{ data.nb_validmins }}">
   </td>
 </tr>
 
diff --git a/basicswap/templates/offers.html b/basicswap/templates/offers.html
index 9595020..9f9e399 100644
--- a/basicswap/templates/offers.html
+++ b/basicswap/templates/offers.html
@@ -311,11 +311,11 @@
                         <!--Todo: Add link back -->
                         <td class="py-4 px-6 monospace">{{ o[7] }} </td>
                         <td class="py-4 px-6 text-xs monospace">{{ o[8] }}{% if o[9]==true %} {% endif %}</td>
-                        <td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-6" src="/static/images/coins/{{ o[3] }}.png" alt=""></span> {{ o[3] }}:</td>
-                        <td class="py-4">{{ o[4] }}</td>
-                        <td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-6" src="/static/images/coins/{{ o[2] }}.png" alt=""></span> {{ o[2] }}:</td>
-                        <td class="py-4">{{ o[5] }}</td>
-                        <td class="py-4 px-6">{{ o[6] }}</td>
+                        <td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ o[2] }}.png" alt=""></span> {{ o[2] }}</td>
+                        <td class="py-4 text-xs">{{ o[4] }}</td>
+                        <td class="py-4"><span class="inline-flex align-middle items-center justify-center w-9 h-10 bg-white-50 rounded"><img class="h-7" src="/static/images/coins/{{ o[3] }}.png" alt=""></span> {{ o[3] }}</td>
+                        <td class="py-4 text-xs">{{ o[5] }}</td>
+                        <td class="py-4 text-xs px-6">{{ o[6] }}</td>
                         <!--  <td class="py-4 px-6">{{ o[10] }}</td>-->
                         <td class="py-4 px-6"> <a class="inline-block w-20 py-1 px-2 font-medium text-center text-sm rounded-md shadow-button {% if o[9]==true %} bg-white text-coolGray-500 hover:text-coolGray-600 border border-coolGray-200 hover:border-coolGray-300 {% else %} bg-blue-500 text-white {% endif %}" href="/offer/{{ o[1] }}">{% if o[9]==true %}Edit {% else %} Swap {% endif %}</a>
                         </td>