From 34e0866f3a9ac86fafb334b8533c181fb4849afb Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 26 Sep 2018 15:00:15 +0200
Subject: [PATCH] Adjust view boxes to center icons
---
components/cycle-day/cycle-day-overview.js | 16 ++++++++--------
1 file changed, 8 insertions(+), 8 deletions(-)
diff --git a/components/cycle-day/cycle-day-overview.js b/components/cycle-day/cycle-day-overview.js
index 2772316a..775e299c 100644
--- a/components/cycle-day/cycle-day-overview.js
+++ b/components/cycle-day/cycle-day-overview.js
@@ -77,7 +77,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('bleeding', cycleDay.bleeding)}
disabled={dateInFuture}
>
- <BleedingIcon viewBox='0 0 450 450' />
+ <BleedingIcon viewBox='10 10 320 400' />
</SymptomBox>
<SymptomBox
title='Temperature'
@@ -85,7 +85,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('temperature', cycleDay.temperature)}
disabled={dateInFuture}
>
- <TemperatureIcon viewBox='0 0 450 450' />
+ <TemperatureIcon viewBox='10 10 320 400' />
</SymptomBox>
<SymptomBox
title='Mucus'
@@ -93,7 +93,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('mucus', cycleDay.mucus)}
disabled={dateInFuture}
>
- <MucusIcon viewBox='0 0 450 450' />
+ <MucusIcon viewBox='10 10 320 400' />
</SymptomBox>
<SymptomBox
title='Cervix'
@@ -101,7 +101,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('cervix', cycleDay.cervix)}
disabled={dateInFuture}
>
- <CervixIcon viewBox='0 0 450 450' />
+ <CervixIcon viewBox='10 10 320 440' />
</SymptomBox>
<SymptomBox
title='Desire'
@@ -109,7 +109,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('desire', cycleDay.desire)}
disabled={dateInFuture}
>
- <DesireIcon viewBox='0 0 450 450' />
+ <DesireIcon viewBox='10 10 320 380' />
</SymptomBox>
<SymptomBox
title='Sex'
@@ -117,7 +117,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('sex', cycleDay.sex)}
disabled={dateInFuture}
>
- <SexIcon viewBox='0 0 450 450' />
+ <SexIcon viewBox='10 10 320 400' />
</SymptomBox>
<SymptomBox
title='Pain'
@@ -125,14 +125,14 @@ export default class CycleDayOverView extends Component {
data={getLabel('pain', cycleDay.pain)}
disabled={dateInFuture}
>
- <PainIcon viewBox='0 0 450 450' />
+ <PainIcon viewBox='10 10 300 400' />
</SymptomBox>
<SymptomBox
title='Note'
onPress={() => this.navigate('NoteEditView')}
data={getLabel('note', cycleDay.note)}
>
- <NoteIcon viewBox='0 0 450 450' />
+ <NoteIcon viewBox='10 10 270 400' />
</SymptomBox>
{/* this is just to make the last row adhere to the grid
(and) because there are no pseudo properties in RN */}
--
GitLab