2 files changed, 32 insertions, 4 deletions
diff --git a/core/src/main/resources/dokka/images/docs_logo.svg b/core/src/main/resources/dokka/images/docs_logo.svg
new file mode 100644
index 00000000..7c1e3ae8
--- /dev/null
+++ b/core/src/main/resources/dokka/images/docs_logo.svg
@@ -0,0 +1,7 @@
+<svg width="125" height="27" viewBox="0 0 125 27" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M89.1611 7.6297V25.6345V25.6867H103.843V21.8039H93.3589V10.3852H103.843V6.50244H89.1611V7.6297Z" fill="#27282C"/>
+<path d="M124.989 21.8039L114.778 10.3852H124.905V6.50244H109.059V10.3852L119.459 21.8039H109.059V25.6867H125V21.8039H124.989Z" fill="#27282C"/>
+<path d="M58.2978 7.76556C56.5872 6.46086 54.4463 5.67804 52.1271 5.67804C46.5336 5.67804 42 10.1871 42 15.7503C42 21.3135 46.5336 25.8226 52.1271 25.8226C54.4463 25.8226 56.5872 25.0502 58.2978 23.735V25.7182H62.4955V0H58.2978V7.76556ZM52.1271 21.8041C48.7584 21.8041 46.0298 19.0903 46.0298 15.7399C46.0298 12.3894 48.7584 9.67563 52.1271 9.67563C55.4958 9.67563 58.2243 12.3894 58.2243 15.7399C58.2138 19.0903 55.4853 21.8041 52.1271 21.8041Z" fill="#27282C"/>
+<path d="M75.9698 5.8656C70.3763 5.8656 65.8428 10.3746 65.8428 15.9379C65.8428 21.5011 70.3763 26.0101 75.9698 26.0101C81.5633 26.0101 86.0969 21.5011 86.0969 15.9379C86.0969 10.3746 81.5633 5.8656 75.9698 5.8656ZM75.9698 21.9916C72.6012 21.9916 69.8726 19.2779 69.8726 15.9274C69.8726 12.577 72.6012 9.86319 75.9698 9.86319C79.3385 9.86319 82.0671 12.577 82.0671 15.9274C82.0671 19.2779 79.3385 21.9916 75.9698 21.9916Z" fill="#27282C"/>
+<path d="M26 26H0V0H26L12.9243 12.9747L26 26Z" fill="#F8873C"/>
+</svg>
diff --git a/core/src/main/resources/dokka/styles/style.css b/core/src/main/resources/dokka/styles/style.css
index 3d59b18d..46408f2e 100644
--- a/core/src/main/resources/dokka/styles/style.css
+++ b/core/src/main/resources/dokka/styles/style.css
@@ -4,19 +4,32 @@
 #container {
     display: flex;
     flex-direction: row;
+    min-height: 100%;
+}
+
+#main {
+    width: 100%;
+    padding-left: 12px;
+}
+
+#leftColumn {
+    padding-left: 12px;
+    min-height: 100%;
+    border-right: 2px solid #DADFE6;
 }
 
 @media screen and (max-width: 600px) {
     #container {
         flex-direction: column;
     }
-}
 
-#main {
-    width: 100%;
+    #leftColumn {
+        border-right: none;
+    }
 }
 
 #sideMenu {
+    padding-top: 12px;
     padding-right: 12px;
 }
 
@@ -42,6 +55,15 @@
     pointer-events: all;
 }
 
+#logo {
+    padding: 5px;
+    background-size: 55% 90%;
+    border-bottom: 2px solid #DADFE6;
+    background-repeat: no-repeat;
+    background-image: url(../images/docs_logo.svg);
+    height: 6vh;
+}
+
 .monospace,
 .code {
     font-family: monospace;
@@ -78,7 +100,6 @@ body, table {
     font: 14px/1.5 'Open Sans', "Helvetica Neue", Helvetica, Arial, sans-serif;
     background: #F4F4F4;
     font-weight: 300;
-    margin-left: auto;
     margin-right: auto;
     max-width: 1440px;
 }