From cfef9254144d8f398132ba372a378f4f6d7dd7c1 Mon Sep 17 00:00:00 2001
From: MariaZ <mariya.z@gmail.com>
Date: Sun, 23 Jan 2022 19:03:42 +0100
Subject: [PATCH] Fix styling

---
 components/cycle-day/symptom-box.js | 21 ++++++---------------
 1 file changed, 6 insertions(+), 15 deletions(-)

diff --git a/components/cycle-day/symptom-box.js b/components/cycle-day/symptom-box.js
index 1df272f..51b28fa 100644
--- a/components/cycle-day/symptom-box.js
+++ b/components/cycle-day/symptom-box.js
@@ -105,19 +105,6 @@ class SymptomBox extends Component {
   }
 }
 
-const hint = {
-  fontSize: Sizes.small,
-  fontStyle: 'italic'
-}
-
-const main = {
-  fontSize: Sizes.base,
-  height: Sizes.icon,
-  lineHeight: Sizes.base,
-  marginBottom: (-1) * Sizes.title,
-  textAlignVertical: 'center'
-}
-
 const styles = StyleSheet.create({
   container: {
     alignItems: 'center',
@@ -133,7 +120,8 @@ const styles = StyleSheet.create({
   },
   symptomName: {
     color: Colors.purple,
-    ...main
+    fontSize: Sizes.base,
+    lineHeight: Sizes.base
   },
   symptomNameDisabled: {
     color: Colors.grey
@@ -143,11 +131,14 @@ const styles = StyleSheet.create({
   },
   textContainer: {
     flexDirection: 'column',
+    justifyContent: 'center',
     marginLeft: Spacing.small,
     maxWidth: Spacing.textWidth
   },
   text: {
-    ...hint
+    fontSize: Sizes.small,
+    fontStyle: 'italic',
+    lineHeight: 14
   },
   textDisabled: {
     color: Colors.greyLight