Small responsive fixes

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>

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;
 }

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 {

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 {