From 79ef587529e2a41ebf9a9847179050488efcb4b5 Mon Sep 17 00:00:00 2001
From: Lukas Nys <lukas.nys@otainsight.com>
Date: Sat, 2 Sep 2023 12:54:56 +0200
Subject: [PATCH] style: add padding around sidebar and content (#879)

---
 app/styles/app.css | 15 +++++++++++++++
 1 file changed, 15 insertions(+)

diff --git a/app/styles/app.css b/app/styles/app.css
index 135912e6..974f8178 100644
--- a/app/styles/app.css
+++ b/app/styles/app.css
@@ -26,6 +26,21 @@ main a.edit-icon {
   background: none;
 }
 
+@media (min-width: 845px) {
+  .es-sidebar {
+    padding: var(--spacing-4);
+    background-color: var(--color-gray-200);
+  }
+}
+
+.es-sidebar-content .table-of-contents:first-child {
+  margin-block-start: 0;
+}
+
+.content {
+  margin-top: var(--spacing-4);
+}
+
 .table-of-contents {
   list-style-type: none;
   padding-left: 0;