docs: extend docker instructions

3 files changed, 53 insertions, 46 deletions

diff --git a/web/pw-server/src/styles/global.scss b/web/pw-server/src/styles/global.scss
index 2278dd4..cc853ee 100644
--- a/web/pw-server/src/styles/global.scss
+++ b/web/pw-server/src/styles/global.scss
@@ -1,4 +1,4 @@
 @forward "./variables.scss";
 @forward "./buttons.scss";
+@forward "./markdown.scss";
 @forward "./prism.scss";
-@forward "./markdown.scss"
\ No newline at end of file
diff --git a/web/pw-server/src/styles/markdown.scss b/web/pw-server/src/styles/markdown.scss
index d5ed2fa..aa9569b 100644
--- a/web/pw-server/src/styles/markdown.scss
+++ b/web/pw-server/src/styles/markdown.scss
@@ -3,8 +3,15 @@
 .markdown-body {
   color: rgb(36, 41, 47);
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell,
-  "Open Sans", "Helvetica Neue", sans-serif;
+    "Open Sans", "Helvetica Neue", sans-serif;
 
+  h2 {
+    margin-top: 1.5em;
+  }
+
+  h3 {
+    margin-top: 1.2em;
+  }
 
   a {
     color: variables.$blue-primary;
@@ -32,6 +39,6 @@
   }
 
   li {
-    padding: .5em;
+    margin-bottom: 1em;
   }
-}
\ No newline at end of file
+}
diff --git a/web/pw-server/src/styles/prism.scss b/web/pw-server/src/styles/prism.scss
index 7e5e2dd..89d0358 100644
--- a/web/pw-server/src/styles/prism.scss
+++ b/web/pw-server/src/styles/prism.scss
@@ -5,82 +5,82 @@
 
 code[class*="language-"],
 pre[class*="language-"] {
-    color: #393a34;
-    font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
-    direction: ltr;
-    text-align: left;
-    white-space: pre;
-    word-spacing: normal;
-    word-break: normal;
-    font-size: 0.9em;
-    line-height: 1.2em;
-
-    -moz-tab-size: 4;
-    -o-tab-size: 4;
-    tab-size: 4;
-
-    -webkit-hyphens: none;
-    -moz-hyphens: none;
-    -ms-hyphens: none;
-    hyphens: none;
+  color: #393a34;
+  font-family: "Consolas", "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
+  direction: ltr;
+  text-align: left;
+  white-space: pre;
+  word-spacing: normal;
+  word-break: normal;
+  font-size: 0.9em;
+  line-height: 1.2em;
+
+  -moz-tab-size: 4;
+  -o-tab-size: 4;
+  tab-size: 4;
+
+  -webkit-hyphens: none;
+  -moz-hyphens: none;
+  -ms-hyphens: none;
+  hyphens: none;
 }
 
 pre > code[class*="language-"] {
-    font-size: 1em;
+  font-size: 1em;
 }
 
 pre[class*="language-"]::-moz-selection,
 pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection,
 code[class*="language-"] ::-moz-selection {
-    background: #b3d4fc;
+  background: #b3d4fc;
 }
 
 pre[class*="language-"]::selection,
 pre[class*="language-"] ::selection,
 code[class*="language-"]::selection,
 code[class*="language-"] ::selection {
-    background: #b3d4fc;
+  background: #b3d4fc;
 }
 
 /* Code blocks */
 pre[class*="language-"] {
-    padding: 1em;
-    margin: 0.5em 0;
-    overflow: auto;
-    border: 1px solid #dddddd;
-    background-color: white;
+  padding: 1em;
+  margin: 0.5em 0;
+  overflow: auto;
+  border: 1px solid #dddddd;
+  background-color: white;
 }
 
 /* Inline code */
 :not(pre) > code[class*="language-"] {
-    padding: 0.2em;
-    padding-top: 1px;
-    padding-bottom: 1px;
-    background: #f8f8f8;
-    border: 1px solid #dddddd;
+  padding: 0.2em;
+  padding-top: 1px;
+  padding-bottom: 1px;
+  background: #f8f8f8;
+  border: 1px solid #dddddd;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-    color: #999988;
-    font-style: italic;
+  color: #999988;
+  font-style: italic;
 }
 
 .token.namespace {
-    opacity: 0.7;
+  opacity: 0.7;
 }
 
 .token.string,
 .token.attr-value {
-    color: #e3116c;
+  color: #e3116c;
 }
 
 .token.punctuation,
 .token.operator {
-    color: #393a34; /* no highlight */
+  color: #393a34; /* no highlight */
 }
 
 .token.entity,
@@ -93,34 +93,34 @@ pre[class*="language-"] {
 .token.property,
 .token.regex,
 .token.inserted {
-    color: #36acaa;
+  color: #36acaa;
 }
 
 .token.atrule,
 .token.keyword,
 .token.attr-name,
 .language-autohotkey .token.selector {
-    color: #00a4db;
+  color: #00a4db;
 }
 
 .token.function,
 .token.deleted,
 .language-autohotkey .token.tag {
-    color: #9a050f;
+  color: #9a050f;
 }
 
 .token.tag,
 .token.selector,
 .language-autohotkey .token.keyword {
-    color: #00009f;
+  color: #00009f;
 }
 
 .token.important,
 .token.function,
 .token.bold {
-    font-weight: bold;
+  font-weight: bold;
 }
 
 .token.italic {
-    font-style: italic;
+  font-style: italic;
 }