Fix font size on iPhone X

(this needs to be further enhanced with scalable SVGs)
12 · May 19, 2019 · 1456c37 · 1456c37
1 parent 30c17ed
commit 1456c37
Showing 1 changed file with 2 additions and 6 deletions.
diff --git a/src/Helpers/styles.js b/src/Helpers/styles.js
@@ -63,24 +63,20 @@ export const Heading = styled.div`
   flex-direction: row;
   flex-wrap: wrap;
   align-items: center;
+  font-size: 1rem;
   background: ${props => lineBackgroundColour(props)};
 
   @media only screen and (max-width: ${DEVICE_BREAKPOINT_PX}px) {
     span {
-      font-size: 4vw;
+      font-size: 0.875rem;
     }
   }
 `;
 
 export const Title = styled.div`
   font-weight: 600;
   margin-left: 15px;
-  font-size: 18px;
   display: inline-block;
-
-  @media only screen and (max-width: ${DEVICE_BREAKPOINT_PX}px) {
-    font-size: 4vw;
-  }
 `;
 
 export const Details = styled.div`