Fix buttons on new album modal window

Signed-off-by: julia.kirschenheuter <julia.kirschenheuter@nextcloud.com> Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
2023-10-12 16:55:50 +02:00 · 2023-10-12 16:55:50 +02:00 · b3a3df5470
parent 00484696b5
commit b3a3df5470
13 changed files with 9 additions and 0 deletions
--- a/js/photos-main.js
+++ b/js/photos-main.js
--- a/js/photos-main.js.map
+++ b/js/photos-main.js.map
--- a/js/photos-node_modules_nextcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js
+++ b/js/photos-node_modules_nextcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js
--- a/js/photos-node_modules_nextcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js.map
+++ b/js/photos-node_modules_nextcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js.map
--- a/js/photos-public.js
+++ b/js/photos-public.js
--- a/js/photos-public.js.map
+++ b/js/photos-public.js.map
--- a/js/photos-src_components_Albums_AlbumForm_vue.js
+++ b/js/photos-src_components_Albums_AlbumForm_vue.js
--- a/js/photos-src_components_Albums_AlbumForm_vue.js.map
+++ b/js/photos-src_components_Albums_AlbumForm_vue.js.map
--- a/js/photos-src_views_AlbumContent_vue.js
+++ b/js/photos-src_views_AlbumContent_vue.js
--- a/js/photos-src_views_AlbumContent_vue.js.map
+++ b/js/photos-src_views_AlbumContent_vue.js.map
--- a/js/photos-src_views_Timeline_vue.js
+++ b/js/photos-src_views_Timeline_vue.js
--- a/js/photos-src_views_Timeline_vue.js.map
+++ b/js/photos-src_views_Timeline_vue.js.map
--- a/src/components/Albums/AlbumForm.vue
+++ b/src/components/Albums/AlbumForm.vue
@ -294,6 +294,7 @@ export default {
 	.form-buttons {
 		display: flex;
 		justify-content: space-between;
+		flex-direction: column;

 		.left-buttons, .right-buttons {
 			display: flex;
@ -312,4 +313,12 @@ export default {
 .left-buttons {
 	flex-grow: 1;
 }
+
+@media only screen and (max-width: 1020px) {
+	.right-buttons {
+		justify-content: flex-end;
+		flex-direction: column;
+		gap: calc(var(--default-grid-baseline) * 4);
+	}
+}
 </style>