From c53e8dfa8807e20014d22da80b79241dd0952810 Mon Sep 17 00:00:00 2001
From: Julien Calixte <julienc@bam.tech>
Date: Mon, 10 Apr 2023 21:57:21 +0200
Subject: [PATCH] less padding

---
 src/App.vue                                  | 3 +--
 src/assets/base.css                          | 1 -
 src/assets/main.css                          | 8 +-------
 src/modules/record/components/TaskRecord.vue | 7 ++++++-
 src/views/record/RecordView.vue              | 2 +-
 5 files changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index b3753b5..73439dc 100644
--- a/src/App.vue
+++ b/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;
 }
 
diff --git a/src/assets/base.css b/src/assets/base.css
index b104b57..1241e3d 100644
--- a/src/assets/base.css
+++ b/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;
diff --git a/src/assets/main.css b/src/assets/main.css
index e8667cd..454eb37 100644
--- a/src/assets/main.css
+++ b/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;
-  }
 }
diff --git a/src/modules/record/components/TaskRecord.vue b/src/modules/record/components/TaskRecord.vue
index 392b0e8..12ba484 100644
--- a/src/modules/record/components/TaskRecord.vue
+++ b/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
diff --git a/src/views/record/RecordView.vue b/src/views/record/RecordView.vue
index 98a537c..0a3f79f 100644
--- a/src/views/record/RecordView.vue
+++ b/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
 }>()