Styles wizards hover on home

dmp-frontend/src/app/ui/dashboard/wizard/wizard.component.html

@@ -1,10 +1,10 @@
 <a [routerLink]="[routerLink]" class="card clickable">
-  <div class="row card-header card-header-blue">
-    <div class="col card-desc">
-      <h4 class="card-title pb-1">{{ title }}</h4>
-      <p class="card-category">{{ subtitle }}</p>
-    </div>
-    <i class="col-auto material-icons play_circle">{{ icon }}</i>
-  </div>
-  <div class="card-body table-responsive"></div>
+	<div class="row card-header card-header-blue">
+		<div class="col card-desc">
+			<h4 class="card-title pb-1">{{ title }}</h4>
+			<p class="card-category">{{ subtitle }}</p>
+		</div>
+		<i class="col-auto material-icons play_circle">{{ icon }}</i>
+	</div>
+	<div class="card-body table-responsive"></div>
 </a>

dmp-frontend/src/app/ui/dataset/dataset-wizard/dataset-wizard.component.ts

@@ -625,6 +625,7 @@ export class DatasetWizardComponent extends BaseComponent implements OnInit, IBr
 	openDmpSearchDialogue() {
 		const formControl = new FormControl();
 		const dialogRef = this.dialog.open(DatasetCopyDialogueComponent, {
+			width: '500px',
 			restoreFocus: false,
 			data: {
 				formControl: formControl,

dmp-frontend/src/assets/css/demo.css

@@ -183,6 +183,10 @@ h6 {
 	box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 0, 0, 0.14);
 }
 
+.card .card-header-blue:hover {
+	background: #268295 !important;
+}
+
 .card-stats .card-header.card-header-icon i {
 	font-size: 36px;
 	line-height: 56px;