(doc): doc stylistic changes (#1262)

- style tables properly
- reduce pre font-size

doc/assets/page.css

@@ -1,3 +1,8 @@
+:root {
+  --border: #526980;
+  --code: #007;
+}
+
 body {
     margin: 5ex 10ex;
     max-width: 80ex;
@@ -18,18 +23,31 @@ pre {
     background: #eee;
     border: solid 1px #ddd;
     min-width: 0;
-    font-size: 90%;
+    font-size: 80%;
     overflow: auto;
 }
 
 code {
-    color: #007;
+    color: var(--code);
 }
 
 img {
     max-width: 100%;
 }
 
+table {
+  border-collapse: collapse;
+  width: 100%;
+}
+
+thead {
+  border-bottom: 1px solid var(--border);
+}
+
+tfoot {
+  border-top: 1px solid var(--border);
+}
+
 blockquote {
   margin-left: 1rem;
   font-style: italic;

doc/org-roam.org

@@ -964,7 +964,6 @@ brew cask install platypus
 
 3. Create a Platypus app with the following settings:
 
-#+begin_example
 | Setting                        | Value                     |
 |--------------------------------+---------------------------|
 | App Name                       | "OrgProtocol"             |
@@ -973,18 +972,15 @@ brew cask install platypus
 | Interface                      | None                      |
 | Accept dropped items           | true                      |
 | Remain running after execution | false                     |
-#+end_example
 
 
 Inside ~Settings~:
 
-#+begin_example
 | Setting                        | Value          |
 |--------------------------------+----------------|
 | Accept dropped files           | true           |
 | Register as URI scheme handler | true           |
 | Protocol                       | "org-protocol" |
-#+end_example
 
 To disable the "confirm" prompt in Chrome, you can also make Chrome
 show a checkbox to tick, so that the ~OrgProtocol~ app will be used

doc/org-roam.texi

@@ -1336,27 +1336,36 @@ Create a script @code{launch_emacs.sh}:
 Create a Platypus app with the following settings:
 @end itemize
 
-@example
+@multitable {aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa} {aaaaaaaaaaaaaaaaaaaaaaaaa}
-| Setting                        | Value                     |
+@headitem Setting
-|--------------------------------+---------------------------|
+@tab Value
-| App Name                       | "OrgProtocol"             |
+@item App Name
-| Script Type                    | "env" · "/usr/bin/env"    |
+@tab ``OrgProtocol''
-| Script Path                    | "path/to/launch-emacs.sh" |
+@item Script Type
-| Interface                      | None                      |
+@tab ``env'' · ``/usr/bin/env''
-| Accept dropped items           | true                      |
+@item Script Path
-| Remain running after execution | false                     |
+@tab ``path/to/launch-emacs.sh''
-@end example
+@item Interface
+@tab None
+@item Accept dropped items
+@tab true
+@item Remain running after execution
+@tab false
+@end multitable
 
 
 Inside @code{Settings}:
 
-@example
+@multitable {aaaaaaaaaaaaaaaaaaaaaaaaaaaaaa} {aaaaaaaaaaaaaa}
-| Setting                        | Value          |
+@headitem Setting
-|--------------------------------+----------------|
+@tab Value
-| Accept dropped files           | true           |
+@item Accept dropped files
-| Register as URI scheme handler | true           |
+@tab true
-| Protocol                       | "org-protocol" |
+@item Register as URI scheme handler
-@end example
+@tab true
+@item Protocol
+@tab ``org-protocol''
+@end multitable
 
 To disable the ``confirm'' prompt in Chrome, you can also make Chrome
 show a checkbox to tick, so that the @code{OrgProtocol} app will be used