diff --git a/src/sidebar/index.html b/src/sidebar/index.html
index 6b7708e..9957d6c 100644
--- a/src/sidebar/index.html
+++ b/src/sidebar/index.html
@@ -1,6 +1,7 @@
+
diff --git a/src/sidebar/index.scss b/src/sidebar/index.scss
index 619bdd2..e64c3ec 100644
--- a/src/sidebar/index.scss
+++ b/src/sidebar/index.scss
@@ -48,6 +48,7 @@ $details-padding: $content-padding;
main {
display: flex;
+ gap: 1rem;
}
.spacer {
@@ -72,7 +73,6 @@ main {
.bleed {
grid-column: 1 / -1;
- max-width: 100vw;
justify-self: center;
}
@@ -86,6 +86,8 @@ main {
flex-grow: 1;
flex-shrink: 10;
flex-basis: 200px;
+ min-width: 400px;
+ background-color: orange;
.sidebar-inner {
position: sticky;
@@ -105,9 +107,17 @@ main {
.sidebar {
flex-basis: unset;
+ width: $content-width;
+ max-width: 100vw;
.sidebar-inner {
position: unset;
}
}
}
+
+@media (max-width: 400px) {
+ .sidebar {
+ display: none;
+ }
+}