Merge pull request 'Various UI improvements' (#43) from ui/misc into master

Reviewed-on: #43

app/assets/stylesheets/layout.scss

@@ -102,6 +102,10 @@ main {
 
   section {
     margin-bottom: 3rem;
+
+    h2 {
+      display: none;
+    }
   }
 
   table {

app/views/dashboard/index.html.erb

@@ -13,14 +13,6 @@
         Chat rooms and instant messaging (XMPP/Jabber)
       </p>
     </div>
-    <div>
-      <h3 class="mb-3.5">
-        <%= link_to "Wiki", "https://wiki.kosmos.org", class: "ks-text-link" %>
-      </h3>
-      <p class="text-gray-500">
-        Kosmos documentation and knowledge base
-      </p>
-    </div>
     <div>
       <h3 class="mb-3.5">
         <%= link_to "Discourse", "https://community.kosmos.org", class: "ks-text-link" %>
@@ -29,6 +21,23 @@
         Kosmos community forums and user support/help site
       </p>
     </div>
+    <div>
+      <h3 class="mb-3.5">
+        <span class="text-yellow-500">🗲</span>
+        <%= link_to "Lightning Wallet", wallet_path, class: "ks-text-link" %>
+      </h3>
+      <p class="text-gray-500">
+        Send and receive sats over the Bitcoin Lightning Network
+      </p>
+    </div>
+    <div>
+      <h3 class="mb-3.5">
+        <%= link_to "Wiki", "https://wiki.kosmos.org", class: "ks-text-link" %>
+      </h3>
+      <p class="text-gray-500">
+        Kosmos documentation and knowledge base
+      </p>
+    </div>
     <div>
       <h3 class="mb-3.5">
         <%= link_to "Gitea", "https://gitea.kosmos.org", class: "ks-text-link" %>

app/views/invitations/index.html.erb

@@ -1,5 +1,13 @@
 <section>
   <h2>Invitations</h2>
+  <% if @invitations_unused.any? %>
+  <p>
+    Invite your friends to a Kosmos account by sharing an invitation URL with them:
+  </p>
+  <% end %>
+</section>
+
+<section>
   <% if @invitations_unused.any? %>
     <table>
       <thead>

app/views/wallet/index.html.erb

@@ -1,16 +1,21 @@
-<section class="w-full grid grid-cols-1 md:grid-cols-2">
+<section class="w-full grid grid-cols-1 md:grid-cols-12 md:mb-0">
-  <div>
+  <div class="md:col-span-8">
     <h2>Wallet</h2>
     <p>
-      Send and receive BTC via the Lightning Network.
+      Send and receive sats via the Bitcoin Lightning Network.
+    </p>
+  </div>
+  <div class="md:col-span-4 mt-4 md:mt-0">
+    <p class="font-mono md:text-right p-4 bg-gray-50 shadow rounded-lg overflow-hidden">
+    <% if @balance %>
+      <span class="text-xl"><%= @balance %> sats</span><br>
+      <span class="text-sm text-gray-500">Available balance</span>
+    <% else %>
+      <span class="text-xl">n/a sats</span><br>
+      <span class="text-sm text-gray-500">Balance unavailable</span>
+    <% end %>
     </p>
   </div>
-  <p class="font-mono mt-4 md:text-right md:mt-0">
-  <% if @balance %>
-    <span class="text-xl"><%= @balance %> sats</span><br>
-    <span class="text-sm text-gray-500">Available balance</span>
-  <% end %>
-  </p>
 </section>
 
 <section>