feat: optimize print view for project views

src/components/home/TheNavigation.vue

@@ -8,7 +8,8 @@
 		<MenuButton class="menu-button" />
 
 		<div v-if="currentProject?.id" class="project-title-wrapper">
-			<h1 class="project-title">{{ currentProject.title === '' ? $t('misc.loading') : getProjectTitle(currentProject) }}
+			<h1 class="project-title">
+				{{ currentProject.title === '' ? $t('misc.loading') : getProjectTitle(currentProject) }}
 			</h1>
 
 			<BaseButton :to="{ name: 'project.info', params: { projectId: currentProject.id } }" class="project-title-button">

src/components/misc/card.vue

@@ -81,6 +81,11 @@ defineEmits(['close'])
 	margin-bottom: 1rem;
 	border: 1px solid var(--card-border-color);
 	box-shadow: var(--shadow-sm);
+
+	@media print {
+		box-shadow: none;
+		border: none;
+	}
 }
 
 .card-header {

src/components/project/ProjectWrapper.vue

@@ -3,7 +3,11 @@
 		:class="{ 'is-loading': projectService.loading, 'is-archived': currentProject?.isArchived}"
 		class="loader-container"
 	>
-		<div class="switch-view-container">
+		<h1 class="project-title-print">
+			{{ getProjectTitle(currentProject) }}
+		</h1>
+		
+		<div class="switch-view-container d-print-none">
 			<div class="switch-view">
 				<BaseButton
 					v-shortcut="'g l'"
@@ -197,4 +201,15 @@ watch(
 .is-archived .notification.is-warning {
   margin-bottom: 1rem;
 }
+
+.project-title-print {
+	display: none;
+	font-size: 1.75rem;
+	text-align: center;
+	margin-bottom: .5rem;
+	
+	@media print {
+		display: block;
+	}
+}
 </style>

src/views/project/ProjectList.vue

@@ -55,7 +55,7 @@
 		<card :padding="false" :has-content="false" class="has-overflow">
 			<add-task
 				v-if="!project.isArchived && canWrite"
-				class="list-view__add-task"
+				class="list-view__add-task d-print-none"
 				ref="addTaskRef"
 				:default-position="firstNewPosition"
 				@taskAdded="updateTaskList"