Merge pull request #2087 from nextcloud/fix/36965-fix-fit-of-buttons-…

…on-modal Fix buttons on new album modal window
nextcloud · Oct 17, 2023 · cd57354 · cd57354
2 parents 0048469 + b3a3df5
commit cd57354
Show file tree

Hide file tree

Showing 13 changed files with 27 additions and 18 deletions.
diff --git a/js/photos-main.js b/js/photos-main.js
diff --git a/js/photos-main.js.map b/js/photos-main.js.map
diff --git a/...extcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js b/...extcloud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js
diff --git a/...loud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js.map b/...loud_sharing_dist_index_js-node_modules_vue-material-design-icons_AccountGr-4153cd.js.map
diff --git a/js/photos-public.js b/js/photos-public.js
diff --git a/js/photos-public.js.map b/js/photos-public.js.map
diff --git a/js/photos-src_components_Albums_AlbumForm_vue.js b/js/photos-src_components_Albums_AlbumForm_vue.js
diff --git a/js/photos-src_components_Albums_AlbumForm_vue.js.map b/js/photos-src_components_Albums_AlbumForm_vue.js.map
diff --git a/js/photos-src_views_AlbumContent_vue.js b/js/photos-src_views_AlbumContent_vue.js
diff --git a/js/photos-src_views_AlbumContent_vue.js.map b/js/photos-src_views_AlbumContent_vue.js.map
diff --git a/js/photos-src_views_Timeline_vue.js b/js/photos-src_views_Timeline_vue.js
diff --git a/js/photos-src_views_Timeline_vue.js.map b/js/photos-src_views_Timeline_vue.js.map
diff --git 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>