chore: replace decimals with ratios in icons

Author: nikhedonia

packages/icons/icons/twitter.js

@@ -3,7 +3,7 @@ import { colours } from "@times-components/styleguide";
 import Svg, { Path } from "svgs";
 import iconPropTypes from "./proptypes";
 
-const ratio = 750 / 600;
+const ratio = 75 / 60;
 const IconTwitter = ({ width, height, fillColour }) => (
   <Svg
     width={width || height * ratio}

packages/icons/icons/video.js

@@ -6,7 +6,7 @@ import iconPropTypes from "./proptypes";
 const viewBox =
   "0.15463916957378387 0.049614034593105316 23.59917640686035 13.728596687316895";
 
-const ratio = 1.72;
+const ratio = 43 / 25;
 const IconVideo = ({ width, height, fillColour }) => (
   <Svg width={width || height * ratio} height={height} viewBox={viewBox}>
     <Rect

packages/video-label/video-label.js

@@ -10,7 +10,9 @@ const VideoLabel = ({ title, color }) => (
     <Text style={[styles.title, { color, marginLeft: 5 }]}>VIDEO</Text>
     {title ? <Text style={[styles.title, { marginLeft: 5 }]}>|</Text> : null}
     {title ? (
-      <Text style={[styles.title, { color, paddingLeft: 5 }]}>{title.toUpperCase()}</Text>
+      <Text style={[styles.title, { color, paddingLeft: 5 }]}>
+        {title.toUpperCase()}
+      </Text>
     ) : null}
   </View>
 );