ui/ux: Update

- Fixed UI (wallet) reseed wallet button styling/footer.
- Fixed (wallet page) coin icon sizes.
- Added BSX version in footer (unlock).
- Added version (Global for all pages) in render_template (http_server.py).
- Added (BSX) in title (header/unlock/error/info).
- Fixed dots dark/light mode (footer).
- Added UX lock Rate / Amount Variable / Rate Variable discriptions (offer_new_1).

basicswap/templates/wallet.html

@@ -39,7 +39,7 @@
      <div class="w-full md:w-1/2 p-3">
       <h2 class="text-4xl font-bold text-white tracking-tighter">
        <span class="inline-block align-middle">
-        <img class="mr-2" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}">
+        <img class="mr-2 h-16" src="/static/images/coins/{{ w.name }}.png" alt="{{ w.name }}">
        </span>{{ w.name }} Wallet - <span id="total-usd-value"></span>
       </h2>
       <p class="font-normal text-coolGray-200 dark:text-white pl-2 pt-5">Manage your {{ w.ticker }} wallet. {% if refresh %} (Page Refresh: {{ refresh }} seconds) {% endif %}</p>
@@ -206,15 +206,33 @@
            </table>
           </div>
          </div>
-         <div class="p-6 pt-10 bg-white bg-opacity-60 rounded-b-md">
-          <div class="w-full md:w-0/12">
-           <div class="flex flex-wrap justify-end -m-1.5">
-            <div class="w-full md:w-auto p-1.5 ml-2">
-             <input class="flex flex-wrap justify-center px-4 py-2.5 font-medium text-sm text-red-500 hover:text-red-600 border border-red-400 hover:border-red-500 bg-white rounded-md shadow-button focus:ring-0 focus:outline-none" type="submit" name="reseed_{{ w.cid }}" value="Reseed wallet" onclick="return confirmReseed();">
-            </div>
-           </div>
-          </div>
+</section>
+
+
+<section>
+ <div class="pl-6 pr-6 pt-0 pb-0 h-full overflow-hidden">
+  <div class="pb-6 border-coolGray-100">
+   <div class="flex flex-wrap items-center justify-between -m-2">
+    <div class="w-full pt-2">
+     <div class="container mt-5 mx-auto">
+      <div class="pt-6 pb-6 bg-coolGray-100 dark:bg-gray-500 rounded-xl">
+       <div class="px-6">
+        <div class="flex flex-wrap justify-end">
+         <div class="w-full md:w-auto p-1.5">
+             <input class="flex flex-wrap justify-center w-full px-4 py-2.5 font-medium text-sm text-white hover:text-red border border-red-500 hover:border-red-500 hover:bg-red-600 bg-red-500 rounded-md shadow-button focus:ring-0 focus:outline-none" type="submit" name="reseed_{{ w.cid }}" value="Reseed wallet" onclick="return confirmReseed();">
          </div>
+        </div>
+       </div>
+      </div>
+     </div>
+    </div>
+   </div>
+  </div>
+ </div>
+</section>
+
+
+
      {% else %}
        </tr>
      {% if w.cid == '1' %}