fix(NcDialog): Add slighly more padding on the bottom and fix example…

… button order

Signed-off-by: Ferdinand Thiessen <opensource@fthiessen.de>

src/components/NcDialog/NcDialog.vue

@@ -44,16 +44,16 @@ export default {
 			showDialog: false,
 			lastResponse: 'None',
 			buttons: [
+				{
+					label: 'Cancel',
+					icon: IconCancel,
+					callback: () => { this.lastResponse = 'Pressed "Cancel"' },
+				},
 				{
 					label: 'Ok',
 					type: 'primary',
 					icon: IconCheck,
 					callback: () => { this.lastResponse = 'Pressed "Ok"' },
-				},
-				{
-					label: 'Cancel',
-					icon: IconCancel,
-					callback: () => { this.lastResponse = 'Pressed "Cancel"' },
 				}
 			]
 		}
@@ -106,7 +106,9 @@ export default {
 				<!-- Main dialog content -->
 				<div class="dialog__content" :class="contentClasses">
 					<slot>
-						<p>{{ message }}</p>
+						<p class="dialog__text">
+							{{ message }}
+						</p>
 					</slot>
 				</div>
 			</div>
@@ -442,6 +444,12 @@ export default defineComponent({
 		overflow: auto;
 	}
 
+	// In case only text content is show
+	&__text {
+		// Also add padding to the bottom to make it more readable
+		padding-block-end: 6px;
+	}
+
 	&__actions {
 		display: flex;
 		gap: 6px;