From 3e894ca5854c8e517150a6ce78b941f345c75204 Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Sun, 12 Jan 2025 08:52:56 +0000
Subject: [PATCH] Small responsive fixes

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 canon-docs/src/app/page.module.css            |  7 ++++-
 .../src/components/Sidebar/Sidebar.module.css | 30 +++++++++++--------
 .../src/components/Toolbar/nav.module.css     |  9 +++++-
 3 files changed, 32 insertions(+), 14 deletions(-)

diff --git a/canon-docs/src/app/page.module.css b/canon-docs/src/app/page.module.css
index 9119d2e9c5..b0fbed71c1 100644
--- a/canon-docs/src/app/page.module.css
+++ b/canon-docs/src/app/page.module.css
@@ -3,10 +3,15 @@
 }
 
 .container {
-  padding-left: 300px;
   width: 100%;
 }
 
+@media (min-width: 768px) {
+  .container {
+    padding-left: 300px;
+  }
+}
+
 .page {
   flex: 1;
 }
diff --git a/canon-docs/src/components/Sidebar/Sidebar.module.css b/canon-docs/src/components/Sidebar/Sidebar.module.css
index 6a5b94bed8..1733dd4f3a 100644
--- a/canon-docs/src/components/Sidebar/Sidebar.module.css
+++ b/canon-docs/src/components/Sidebar/Sidebar.module.css
@@ -1,16 +1,22 @@
 .sidebar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 300px;
-  height: 100vh;
-  color: var(--canon-text-primary);
-  background-color: var(--canon-surface-1);
-  border-right: 1px solid var(--canon-border-base);
-  padding-left: 20px;
-  padding-right: 20px;
-  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
-  overflow: hidden;
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .sidebar {
+    display: fixed;
+    top: 0;
+    left: 0;
+    width: 300px;
+    height: 100vh;
+    color: var(--canon-text-primary);
+    background-color: var(--canon-surface-1);
+    border-right: 1px solid var(--canon-border-base);
+    padding-left: 20px;
+    padding-right: 20px;
+    transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
+    overflow: hidden;
+  }
 }
 
 .logoContainer {
diff --git a/canon-docs/src/components/Toolbar/nav.module.css b/canon-docs/src/components/Toolbar/nav.module.css
index a7fe11e8ad..9b90f047d3 100644
--- a/canon-docs/src/components/Toolbar/nav.module.css
+++ b/canon-docs/src/components/Toolbar/nav.module.css
@@ -1,5 +1,12 @@
 .tabs {
-  height: 60px;
+  display: none;
+}
+
+@media (min-width: 768px) {
+  .tabs {
+    display: block;
+    height: 60px;
+  }
 }
 
 .tabsTheme {