From 78ea888cb723f0a643800ad635dbe25d46d0cd1f Mon Sep 17 00:00:00 2001
From: Mikk Andresen <mikk.andresen@gmail.com>
Date: Tue, 6 Apr 2021 22:07:36 +0300
Subject: [PATCH] DOCS: Add basic styles for tables and resources section to
 Changeset docs - https://github.com/citizenos/citizenos-fe/issues/535

---
 doc/api/changeset_library.md |  7 ++++++-
 doc/assets/style.css         | 27 +++++++++++++++++++++------
 2 files changed, 27 insertions(+), 7 deletions(-)

diff --git a/doc/api/changeset_library.md b/doc/api/changeset_library.md
index 863ae1cf2..c776c17c5 100644
--- a/doc/api/changeset_library.md
+++ b/doc/api/changeset_library.md
@@ -148,4 +148,9 @@ This is an atext. An atext has two parts: text and attribs. The text is just the
 
 The attribs are again a bunch of operators like .ops in the changeset was. But these operators are only + operators. They describe which part of the text has which attributes
 
-For more information see /doc/easysync/easysync-notes.txt in the source.
+## Resources / further reading
+
+Detailed information about the changesets & Easysync protocol:
+
+* Easysync Protocol - [/doc/easysync/easysync-notes.pdf](https://github.com/ether/etherpad-lite/blob/develop/doc/easysync/easysync-notes.pdf)
+* Etherpad and EasySync Technical Manual - [/doc/easysync/easysync-full-description.pdf](https://github.com/ether/etherpad-lite/blob/develop/doc/easysync/easysync-full-description.pdf)
diff --git a/doc/assets/style.css b/doc/assets/style.css
index 8c6720fa8..d8812043b 100644
--- a/doc/assets/style.css
+++ b/doc/assets/style.css
@@ -1,4 +1,4 @@
-body{
+body {
   border-top: solid #44b492 5pt;
   line-height:150%;
   font-family: 'Quicksand',sans-serif;
@@ -8,28 +8,43 @@ body{
   padding: 20px;
 }
 
-a{
+a {
   color: #555;
 }
 
-h1{
+h1 {
   color: #44b492;
   line-height:100%;
 }
 
-a:hover{
+a:hover {
   color: #44b492;
 }
 
-pre{
+pre {
   background-color: #e0e0e0;
   padding:20px;
 }
 
-code{
+code {
   background-color: #e0e0e0;
 }
 
 img {
   max-width: 100%;
 }
+
+table, th, td {
+  text-align: left;
+  border: 1px solid gray;
+  border-collapse: collapse;
+}
+
+th {
+  padding: 0.5em;
+  background: #EEE;
+}
+
+td {
+  padding: 0.5em;
+}