From 271c06abce3497c94a78d562377d168a2d1fd136 Mon Sep 17 00:00:00 2001
From: Andreas Zweili <andreas@2li.ch>
Date: Sat, 6 Feb 2021 17:42:50 +0100
Subject: [PATCH] lessen 111: move the header styling to BaseCard

---
 .../src/components/BaseCard.vue                           | 5 +++++
 .../src/components/UserInfo.vue                           | 8 --------
 2 files changed, 5 insertions(+), 8 deletions(-)

diff --git a/2021-02-06 cmp-adv-01-starting-setup/src/components/BaseCard.vue b/2021-02-06 cmp-adv-01-starting-setup/src/components/BaseCard.vue
index a13c894..85671fe 100644
--- a/2021-02-06 cmp-adv-01-starting-setup/src/components/BaseCard.vue	
+++ b/2021-02-06 cmp-adv-01-starting-setup/src/components/BaseCard.vue	
@@ -12,6 +12,11 @@ export default {};
 </script>
 
 <style scoped>
+header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
 div {
     margin: 2rem auto;
     max-width: 30rem;
diff --git a/2021-02-06 cmp-adv-01-starting-setup/src/components/UserInfo.vue b/2021-02-06 cmp-adv-01-starting-setup/src/components/UserInfo.vue
index db9c060..839d356 100644
--- a/2021-02-06 cmp-adv-01-starting-setup/src/components/UserInfo.vue	
+++ b/2021-02-06 cmp-adv-01-starting-setup/src/components/UserInfo.vue	
@@ -21,11 +21,3 @@ export default {
     props: ["fullName", "infoText", "role"],
 };
 </script>
-
-<style>
-section header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-}
-</style>