diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index 2df537e55..5e374d5bc 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -348,6 +348,10 @@ h3 {
}
&.popover {
+ .wrapper {
+ min-height: auto;
+ }
+
.popover-inner {
background: $bgcolor;
color: $fgcolor;
@@ -616,6 +620,10 @@ ol li {
display: flex;
}
+.hide-on-large-screen {
+ display: none;
+}
+
@media (max-width: $responsiveWidth) {
ul,
@@ -632,6 +640,10 @@ ol li {
display: none;
}
+ .hide-on-large-screen {
+ display: inline-flex;
+ }
+
.show-on-small-screen {
display: inline-flex;
}
diff --git a/components/collections/collection.vue b/components/collections/collection.vue
index 8778ff895..34652dbe6 100644
--- a/components/collections/collection.vue
+++ b/components/collections/collection.vue
@@ -9,7 +9,7 @@
{{ collection.name }}
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/collections/folder.vue b/components/collections/folder.vue
index 18c791edc..0aeea9aae 100644
--- a/components/collections/folder.vue
+++ b/components/collections/folder.vue
@@ -9,7 +9,7 @@
{{ folder.name }}
-
+
@@ -17,6 +17,25 @@
edit
+
+
+
+
+
+
+
+
+
+
+
diff --git a/components/collections/request.vue b/components/collections/request.vue
index 22a9c51e9..59b8cae33 100644
--- a/components/collections/request.vue
+++ b/components/collections/request.vue
@@ -6,7 +6,7 @@
{{ request.name }}
-
+
@@ -18,6 +18,29 @@
edit
+
+
+
+
+
+
+
+
+
+
+
diff --git a/layouts/default.vue b/layouts/default.vue
index 24002f1b2..8819ed2da 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -41,6 +41,7 @@
href="https://opencollective.com/postwoman"
target="_blank"
rel="noopener"
+ v-close-popover
>