EW-795 Correcting data-testids for course import buttons (#3149)

* Fixing data-testids
* Fixing styles for cc import modal

src/components/molecules/CommonCartridgeImportModal.vue

@@ -27,15 +27,21 @@
 			<v-card-actions>
 				<v-spacer />
 				<div class="button-section">
-					<v-btn data-testid="dialog-cancel-btn" depressed @click="onCancel">
+					<v-btn
+						data-testid="dialog-cancel-btn"
+						variant="outlined"
+						@click="onCancel"
+					>
 						{{ $t("common.labels.close") }}
 					</v-btn>
 				</div>
 				<div class="button-section">
 					<v-btn
+						type="submit"
+						variant="flat"
+						color="primary"
 						v-bind:disabled="importButtonDisabled"
 						v-on:click="onConfirm"
-						color="primary"
 						data-testid="dialog-confirm-btn"
 					>
 						{{ $t("pages.rooms.ccImportCourse.confirm") }}
@@ -133,5 +139,6 @@ async function onConfirm(): Promise<void> {
 
 .button-section > button {
 	margin-left: calc(var(--space-base-vuetify) * 2);
+	margin-right: calc(var(--space-base-vuetify) * 2);
 }
 </style>

src/components/templates/RoomWrapper.vue

@@ -74,19 +74,19 @@ export default defineComponent({
 						icon: mdiPlus,
 						title: this.$t("common.actions.create"),
 						ariaLabel: this.$t("pages.rooms.fab.ariaLabel"),
-						testId: "add-course-button",
+						dataTestId: "add-course-button",
 						actions: [
 							{
 								icon: mdiSchoolOutline,
 								label: this.$t("pages.rooms.fab.add.course"),
 								href: "/courses/add",
-								dataTestid: "fab_button_add_course",
+								dataTestId: "fab_button_add_course",
 								ariaLabel: this.$t("pages.rooms.fab.add.course"),
 							},
 							{
 								label: this.$t("pages.rooms.fab.import.course"),
 								icon: mdiImport,
-								dataTestid: "fab_button_import_course",
+								dataTestId: "fab_button_import_course",
 								ariaLabel: this.$t("pages.rooms.fab.import.course"),
 								customEvent: "import",
 							},