From 44214c587a0a143b36d43f20750054a3de384392 Mon Sep 17 00:00:00 2001
From: "nicolas.marsal" <nicolas.marsal@sundayapp.com>
Date: Sat, 16 Jul 2022 20:01:31 +0200
Subject: [PATCH] feat: ui education

---
 src/components/education/EducationItem.vue | 32 +++++++++++++++++++---
 1 file changed, 28 insertions(+), 4 deletions(-)

diff --git a/src/components/education/EducationItem.vue b/src/components/education/EducationItem.vue
index 693156f..afb2b85 100644
--- a/src/components/education/EducationItem.vue
+++ b/src/components/education/EducationItem.vue
@@ -5,9 +5,15 @@ defineProps<{
 }>();
 </script>
 <template>
-  <div>
-    {{ data.degree }} - {{ data.title }}<br />
-    {{ data.year }} {{ data.location }}
+  <div class="wrapper">
+    <div class="header">
+      <div class="year">{{ data.year }}</div>
+      <div class="degree">{{ data.degree }}</div>
+    </div>
+    <div class="body">
+      <div class="title">{{ data.title }}</div>
+      <div class="location">{{ data.school }} - {{ data.location }}</div>
+    </div>
   </div>
 </template>
 
@@ -17,4 +23,22 @@ export default {
 };
 </script>
 
-<style scoped></style>
+<style scoped>
+.wrapper {
+  margin-bottom: 16px;
+}
+.year,
+.degree {
+  font-size: 18px;
+}
+.header {
+  display: flex;
+  flex-direction: row;
+  justify-content: space-between;
+}
+.body {
+  display: flex;
+  flex-direction: column;
+  align-items: flex-end;
+}
+</style>