From 849879351005e2f8493d4fd6f0e5de711b231fc0 Mon Sep 17 00:00:00 2001
From: Marcin Chrzanowski <m@m-chrzan.xyz>
Date: Sun, 12 Dec 2021 22:43:06 +0100
Subject: Improve tables

- Reduce first column width on contact table
- Add scrolling overflows
---
 src/contact.html.erb | 10 +++++-----
 src/donate.html      |  8 ++++----
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/contact.html.erb b/src/contact.html.erb
index b741a59..1626c9c 100644
--- a/src/contact.html.erb
+++ b/src/contact.html.erb
@@ -1,19 +1,19 @@
 <p>
 <table style='table-layout: fixed; width: 100%;'>
   <tr>
-    <td style='width: 14em;'>Email</td>
+    <td style='width: 7em;'>Email</td>
     <td>
       <a href="mailto:m@m-chrzan.xyz"><code>m@m-chrzan.xyz</code></a>
     </td>
   </tr>
   <tr>
-    <td style='width: 14em;'>PGP key</td>
-    <td>
-      <a href="<%= path_to 'key' %>"><code>4073 3DD6 B370 C1C5 1DE0  C1A8 2991 A902 D020 9F38</code></a>
+    <td>PGP key</td>
+    <td style='overflow: scroll;'>
+      <a href="<%= path_to 'key' %>"><code>4073&nbsp;3DD6&nbsp;B370&nbsp;C1C5&nbsp;1DE0&nbsp;C1A8&nbsp;2991&nbsp;A902&nbsp;D020&nbsp;9F38</code></a>
     </td>
   </tr>
   <tr>
-    <td style='width: 14em;'>XMPP</td>
+    <td>XMPP</td>
     <td>
       <a href="xmpp:m@m-chrzan.xyz"><code>m@m-chrzan.xyz</code></a>
     </td>
diff --git a/src/donate.html b/src/donate.html
index a0f698d..d37837e 100644
--- a/src/donate.html
+++ b/src/donate.html
@@ -18,7 +18,7 @@ useful, I'll be very grateful for any donations, big or small!
 
     <tr>
       <td>BTC</td>
-      <td>
+      <td style='overflow: scroll'>
         <a><code onclick="copy('btc')">15CRCVx5okbTDwU6M4kmA1JGTimtFkZFak</code></a>
         <input type='text' id='btc' value='15CRCVx5okbTDwU6M4kmA1JGTimtFkZFak' hidden></input>
       </td>
@@ -36,7 +36,7 @@ useful, I'll be very grateful for any donations, big or small!
 
     <tr>
       <td>ETH and Ethereum tokens</td>
-      <td>
+      <td style='overflow: scroll'>
         <a><code onclick='copy("eth")'>0x8370f8De24c4Dc0459CF22DAaAe259f89A03e626</code></a>
         <input type='text' id='eth' value='0x8370f8De24c4Dc0459CF22DAaAe259f89A03e626' hidden></input>
       </td>
@@ -44,7 +44,7 @@ useful, I'll be very grateful for any donations, big or small!
 
     <tr>
       <td>CELO and Celo tokens</td>
-      <td>
+      <td style='overflow: scroll'>
         <a><code onclick='copy("celo")'>0x207a9efcf1114f7cbc110526689f9cb417a7bfc8</code></a>
         <input type='text' id='celo' value='0x207a9efcf1114f7cbc110526689f9cb417a7bfc8' hidden></input>
       </td>
@@ -52,7 +52,7 @@ useful, I'll be very grateful for any donations, big or small!
 
     <tr>
       <td>DOGE</td>
-      <td>
+      <td style='overflow: scroll'>
         <a><code onclick='copy("doge")'>DDBsGmC5L55LUAUoHZAZJkb12m1ZUetTBS</code></a>
         <input type='text' id='doge' value='DDBsGmC5L55LUAUoHZAZJkb12m1ZUetTBS' hidden></input>
       </td>
-- 
cgit v1.2.3