diff --git a/assets/css/styles.scss b/assets/css/styles.scss index 9a39c3f8c..cca0b33ea 100644 --- a/assets/css/styles.scss +++ b/assets/css/styles.scss @@ -1,4 +1,4 @@ -$responsiveWidth: 720px; +$responsiveWidth: 768px; html { scroll-behavior: smooth; @@ -751,15 +751,14 @@ input[type="radio"]:checked + label + .tab { .inner-left { display: flex; - order: 1; - margin-right: 16px; + order: 2; + margin-left: 16px; } .inner-right { display: flex; width: 25%; - order: 2; - height: calc(100vh - 80px); + order: 1; } @media (max-width: $responsiveWidth) { @@ -813,6 +812,7 @@ input[type="radio"]:checked + label + .tab { } .inner-left { - margin-right: 0; + order: 0; + margin-left: 0; } } diff --git a/components/collections/collection.vue b/components/collections/collection.vue index bd29b59b7..0a7efe21c 100644 --- a/components/collections/collection.vue +++ b/components/collections/collection.vue @@ -19,6 +19,7 @@ class="icon" @click="$emit('add-folder')" v-tooltip="'New Folder'" + v-close-popover > create_new_folder New folder diff --git a/components/history.vue b/components/history.vue index 8f7cdfd79..39b07ae9b 100644 --- a/components/history.vue +++ b/components/history.vue @@ -73,17 +73,15 @@ >