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>
nextcloud · Oct 17, 2023 · b3a3df5 · b3a3df5
1 parent 0048469
commit b3a3df5
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>