From 08603e483777257cba898ec7daa1d1b51892d8ea Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Thu, 27 Sep 2018 18:12:15 +0200
Subject: [PATCH] Add accent circle

---
 components/header.js | 1 +
 styles/index.js      | 8 ++++++++
 2 files changed, 9 insertions(+)

diff --git a/components/header.js b/components/header.js
index a4d3414..cb0e1aa 100644
--- a/components/header.js
+++ b/components/header.js
@@ -34,6 +34,7 @@ export default class Header extends Component {
         </View >
         :
         <View style={styles.header}>
+          <View style={styles.accentCircle} />
           <Text style={styles.dateHeader}>
             {this.props.title}
           </Text>
diff --git a/styles/index.js b/styles/index.js
index c1ba8f2..726929f 100644
--- a/styles/index.js
+++ b/styles/index.js
@@ -54,6 +54,14 @@ export default StyleSheet.create({
     color: fontOnPrimaryColor,
     textAlign: 'center',
   },
+  accentCircle: {
+    borderColor: secondaryColor,
+    borderWidth: 2,
+    width: 50,
+    height: 50,
+    borderRadius: 100,
+    position: 'absolute'
+  },
   cycleDayNumber: {
     fontSize: 15,
     color: fontOnPrimaryColor,