lori/drip
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Adjust view boxes to center icons

Browse Source
This commit is contained in:
Julia Friesel
2018-09-26 15:00:15 +02:00
parent e8c38efbc5
commit 34e0866f3a
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
components/cycle-day/cycle-day-overview.js
+8 -8
View File
@@ -77,7 +77,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('bleeding', cycleDay.bleeding)} data={getLabel('bleeding', cycleDay.bleeding)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<BleedingIcon viewBox='0 0 450 450' /> <BleedingIcon viewBox='10 10 320 400' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Temperature' title='Temperature'
@@ -85,7 +85,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('temperature', cycleDay.temperature)} data={getLabel('temperature', cycleDay.temperature)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<TemperatureIcon viewBox='0 0 450 450' /> <TemperatureIcon viewBox='10 10 320 400' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Mucus' title='Mucus'
@@ -93,7 +93,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('mucus', cycleDay.mucus)} data={getLabel('mucus', cycleDay.mucus)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<MucusIcon viewBox='0 0 450 450' /> <MucusIcon viewBox='10 10 320 400' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Cervix' title='Cervix'
@@ -101,7 +101,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('cervix', cycleDay.cervix)} data={getLabel('cervix', cycleDay.cervix)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<CervixIcon viewBox='0 0 450 450' /> <CervixIcon viewBox='10 10 320 440' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Desire' title='Desire'
@@ -109,7 +109,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('desire', cycleDay.desire)} data={getLabel('desire', cycleDay.desire)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<DesireIcon viewBox='0 0 450 450' /> <DesireIcon viewBox='10 10 320 380' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Sex' title='Sex'
@@ -117,7 +117,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('sex', cycleDay.sex)} data={getLabel('sex', cycleDay.sex)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<SexIcon viewBox='0 0 450 450' /> <SexIcon viewBox='10 10 320 400' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Pain' title='Pain'
@@ -125,14 +125,14 @@ export default class CycleDayOverView extends Component {
data={getLabel('pain', cycleDay.pain)} data={getLabel('pain', cycleDay.pain)}
disabled={dateInFuture} disabled={dateInFuture}
> >
<PainIcon viewBox='0 0 450 450' /> <PainIcon viewBox='10 10 300 400' />
</SymptomBox> </SymptomBox>
<SymptomBox <SymptomBox
title='Note' title='Note'
onPress={() => this.navigate('NoteEditView')} onPress={() => this.navigate('NoteEditView')}
data={getLabel('note', cycleDay.note)} data={getLabel('note', cycleDay.note)}
> >
<NoteIcon viewBox='0 0 450 450' /> <NoteIcon viewBox='10 10 270 400' />
</SymptomBox> </SymptomBox>
{/* this is just to make the last row adhere to the grid {/* this is just to make the last row adhere to the grid
(and) because there are no pseudo properties in RN */} (and) because there are no pseudo properties in RN */}