From 6a9df3beef00b61137ec01634a8d07a1337c8ad4 Mon Sep 17 00:00:00 2001
From: Jeremy Kauffman <jeremy@lbry.io>
Date: Tue, 29 Dec 2020 16:58:40 -0500
Subject: [PATCH] improve table display css for faqs

---
 content/faq/naming.md                 | 12 ++++++------
 web/components/sass/table/_index.scss |  1 +
 web/scss/pages/_ancillary.scss        | 10 ++++++++++
 3 files changed, 17 insertions(+), 6 deletions(-)

diff --git a/content/faq/naming.md b/content/faq/naming.md
index 1775d681..03883050 100644
--- a/content/faq/naming.md
+++ b/content/faq/naming.md
@@ -37,13 +37,13 @@ Claims in LBRY are non-consumptive. When you designate a number of credits in a
 
 LBRY supports several types of URL resolution:
 
-| Type                  | Syntax                        | Resolution                 |
+| Type                 | Resolution                 |
 | --------------------- | ----------------------------- | -------------------------- |
-| **Permanent** | `lbry://<name>#<claim_id>` | This URL consists of a name and randomly assigned ID. This is permanently owned and controlled by the publisher. Permanent URLs support partial, temporal-ordered ID matching, so these can be quite short (e.g. lbry://name#8 or lbry://name#ab) |
-| **Short** | `lbry://<name>#<short_claim_id>` | This URL consists of a name and one or more characters (first come first serve to preserve uniqueness) from the Permanent URL. This is permanently owned and controlled by the publisher. If a shorter URL is made available, the claim next in line will take over its resolution.
-| **Community** | `lbry://<name>` | Of all of the claims named `<name>`, this returns the publish with the most credits committed towards it, not just by the publisher, but by the entire community. These URLs are not permanent or owned but instead controlled by the community itself, allowing the resolution to settle on that which the community determines most appropriate. |
-| **Channel** | `lbry://<@channel_name>` | A URL corresponding to a publisher identity. These resolve to the identity of a specific publisher and their publishes. Channel URLs can be specified with or without the `#` modifier. An unmodified URL returns the channel determined by the community.
-| **Signed** | `lbry://<@channel_name>/<example>` | The piece of content published to the name `<example>` within the channel of `<@channel_name>`.
+| **Permanent** <br/> `lbry://<name>#<claim_id>` | This URL consists of a name and randomly assigned ID. This is permanently owned and controlled by the publisher. Permanent URLs support partial, temporal-ordered ID matching, so these can be quite short (e.g. lbry://name#8 or lbry://name#ab) |
+| **Short** <br/> `lbry://<name>#<short_claim_id>` | This URL consists of a name and one or more characters (first come first serve to preserve uniqueness) from the Permanent URL. This is permanently owned and controlled by the publisher. If a shorter URL is made available, the claim next in line will take over its resolution.
+| **Community** <br/> `lbry://<name>` | Of all of the claims named `<name>`, this returns the publish with the most credits committed towards it, not just by the publisher, but by the entire community. These URLs are not permanent or owned but instead controlled by the community itself, allowing the resolution to settle on that which the community determines most appropriate. |
+| **Channel** <br/> `lbry://<@channel_name>` | A URL corresponding to a publisher identity. These resolve to the identity of a specific publisher and their publishes. Channel URLs can be specified with or without the `#` modifier. An unmodified URL returns the channel determined by the community.
+| **Signed** <br/> `lbry://<@channel_name>/<example>` | The piece of content published to the name `<example>` within the channel of `<@channel_name>`.
 
 ## Takeaways
 
diff --git a/web/components/sass/table/_index.scss b/web/components/sass/table/_index.scss
index cfbbe250..b7ada7fe 100644
--- a/web/components/sass/table/_index.scss
+++ b/web/components/sass/table/_index.scss
@@ -27,6 +27,7 @@ table {
     }
   }
 
+
   th,
   td {
     padding: 0.5rem 1rem;
diff --git a/web/scss/pages/_ancillary.scss b/web/scss/pages/_ancillary.scss
index fe7e4378..41d6dced 100644
--- a/web/scss/pages/_ancillary.scss
+++ b/web/scss/pages/_ancillary.scss
@@ -257,6 +257,16 @@
     margin-bottom: 1rem;
     padding-top: 1rem;
 
+    td {
+      &:first-child {
+        white-space: nowrap;
+      }
+      
+      min-width: 150px;
+      border-right: 1px solid var(--lbry-gray-1);
+      &:last-child { border-right: 0 none; }
+    }
+
     ul {
       margin: 0 !important; padding: 0 !important;