diff --git a/source/components/PeriodSwitch.css b/source/components/PeriodSwitch.css index e5385f20d..2bf26ac14 100644 --- a/source/components/PeriodSwitch.css +++ b/source/components/PeriodSwitch.css @@ -1,6 +1,8 @@ #PeriodSwitch { - text-align: center; margin: 1em; + display: flex; + align-items: center; + justify-content: center; } #PeriodSwitch label { diff --git a/source/components/PeriodSwitch.js b/source/components/PeriodSwitch.js index ccd7b4a8d..cd70f0ba2 100644 --- a/source/components/PeriodSwitch.js +++ b/source/components/PeriodSwitch.js @@ -4,6 +4,7 @@ import { Field } from 'redux-form' import './PeriodSwitch.css' import { reduxForm } from 'redux-form' import { compose } from 'ramda' +import emoji from 'react-easy-emoji' export default compose( reduxForm({ @@ -15,24 +16,22 @@ export default compose( )(function PeriodSwitch() { return (