fix: Style new card input and buttons

Signed-off-by: Julius Härtl <jus@bitgrid.net>

src/components/board/Stack.vue

@@ -409,7 +409,7 @@ export default {
 		z-index: 100;
 		display: flex;
 		margin-top: 5px;
-		margin-bottom: 20px;
+		margin-bottom: 8px;
 		background-color: var(--color-main-background);
 
 		form {
@@ -417,7 +417,7 @@ export default {
 			margin-left: 12px;
 			margin-right: 12px;
 			width: 100%;
-			box-shadow: 0 0 3px var(--color-box-shadow);
+			border: 2px solid var(--color-border);
 			border-radius: var(--border-radius-large);
 			overflow: hidden;
 			padding: 2px;

src/components/card/AttachmentList.vue

@@ -23,12 +23,12 @@
 <template>
 	<AttachmentDragAndDrop :card-id="cardId" class="drop-upload--sidebar">
 		<div v-if="!isReadOnly" class="button-group">
-			<button class="icon-upload" @click="uploadNewFile()">
+			<NcButton class="icon-upload" @click="uploadNewFile()">
 				{{ t('deck', 'Upload new files') }}
-			</button>
-			<button class="icon-folder" @click="shareFromFiles()">
+			</NcButton>
+			<NcButton class="icon-folder" @click="shareFromFiles()">
 				{{ t('deck', 'Share from Files') }}
-			</button>
+			</NcButton>
 		</div>
 		<input ref="filesAttachment"
 			type="file"
@@ -103,7 +103,7 @@
 
 <script>
 import axios from '@nextcloud/axios'
-import { NcActions, NcActionButton, NcActionLink } from '@nextcloud/vue'
+import { NcActions, NcActionButton, NcActionLink, NcButton } from '@nextcloud/vue'
 import AttachmentDragAndDrop from '../AttachmentDragAndDrop.vue'
 import relativeDate from '../../mixins/relativeDate.js'
 import { formatFileSize } from '@nextcloud/files'
@@ -128,6 +128,7 @@ export default {
 		NcActions,
 		NcActionButton,
 		NcActionLink,
+		NcButton,
 		AttachmentDragAndDrop,
 	},
 	mixins: [relativeDate, attachmentUpload],
@@ -267,6 +268,7 @@ export default {
 
 	.button-group {
 		display: flex;
+		gap: calc(var(--default-grid-baseline) * 3);
 
 		.icon-upload, .icon-folder {
 			padding-left: 44px;