less padding

src/App.vue

@@ -7,7 +7,6 @@ import { RouterLink, RouterView } from 'vue-router'
     <div class="wrapper">
       <nav>
         <router-link to="/">Home</router-link>
-        <router-link to="/about">About</router-link>
       </nav>
     </div>
   </header>
@@ -17,7 +16,7 @@ import { RouterLink, RouterView } from 'vue-router'
 
 <style scoped>
 header {
-  line-height: 1.5;
+  line-height: 1;
   max-height: 100vh;
 }
 

src/assets/base.css

@@ -62,7 +62,6 @@
 }
 
 body {
-  min-height: 100vh;
   color: var(--color-text);
   background: var(--color-background);
   transition: color 0.5s, background-color 0.5s;

src/assets/main.css

@@ -3,7 +3,7 @@
 #app {
   max-width: 1280px;
   margin: 0 auto;
-  padding: 2rem;
+  padding: 0 1rem;
 
   font-weight: normal;
 }
@@ -26,10 +26,4 @@ a,
     display: flex;
     place-items: center;
   }
-
-  #app {
-    display: grid;
-    grid-template-columns: 1fr 1fr;
-    padding: 0 2rem;
-  }
 }

src/modules/record/components/TaskRecord.vue

@@ -88,7 +88,12 @@ const isSuperiorToEstimation = computed(() => {
 
 <template>
   <main class="task-record" v-if="task">
-    <h1>Task: {{ task.title }}</h1>
+    <h1>
+      Task:
+      <router-link :to="{ name: 'task-view', params: { id: task.id } }">
+        {{ task.title }}
+      </router-link>
+    </h1>
     <h2>start time: {{ formatDate(record.start) }}</h2>
     <template v-if="!record.end">
       <button

src/views/record/RecordView.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import TaskRecord from '@/modules/record/components/TaskRecord.vue'
 
-const props = defineProps<{
+defineProps<{
   taskId: string
   recordId: string
 }>()