Merge pull request #6943 from nextcloud-libraries/backport/6936/stable8

[stable8] fix(NcEmptyContent): description styling for mobile

Author: susnux

CHANGELOG.md

@@ -5,6 +5,14 @@
 
 # Changelog
 
+## [v8.26.2](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.2) (TBA)
+
+### 📝 Notes
+#### NcEmptyContent
+A padding was added to the empty content wrapper.
+It is recommended to check in-app styles for possible overrides.
+
+
 ## [v8.26.1](https://github.com/nextcloud-libraries/nextcloud-vue/tree/v8.26.1) (2025-05-07)
 ### 🐛 Fixed bugs
 * [stable8] fix(NcIconSvgWrapper): center svg span wrapper [#6880](https://github.com/nextcloud-libraries/nextcloud-vue/pull/6880) ([backportbot](https://github.com/backportbot))

src/components/NcEmptyContent/NcEmptyContent.vue

@@ -192,6 +192,7 @@ export default {
 	justify-content: center;
 	/* In case of using in a flex container - flex in advance */
 	flex-grow: 1;
+	padding: var(--default-grid-baseline);
 
 	.modal-wrapper & {
 		margin-top: 5vh;
@@ -228,6 +229,8 @@ export default {
 
 	&__description {
 		color: var(--color-text-maxcontrast);
+		text-align: center;
+		text-wrap-style: balance;
 	}
 
 	&__action {