Hotfix new icons (#86)

* changed to use new social icons

* changed padding

* more dimension change

* removing them then will re-add them to let git update them

* icon sizes are correct now

* fixed icon size on onboarding

1 files changed, 10 insertions, 6 deletions

diff --git a/src/components/taggs/Tagg.tsx b/src/components/taggs/Tagg.tsx
index a9bc05a9..9418405d 100644
--- a/src/components/taggs/Tagg.tsx
+++ b/src/components/taggs/Tagg.tsx
@@ -5,7 +5,11 @@ import PurpleRingPlus from '../../assets/icons/purple_ring+.svg';
 import PurpleRing from '../../assets/icons/purple_ring.svg';
 import RingPlus from '../../assets/icons/ring+.svg';
 import Ring from '../../assets/icons/ring.svg';
-import {INTEGRATED_SOCIAL_LIST, TAGG_ICON_DIM} from '../../constants';
+import {
+  INTEGRATED_SOCIAL_LIST,
+  TAGG_ICON_DIM,
+  TAGG_RING_DIM,
+} from '../../constants';
 import {
   getNonIntegratedURL,
   handlePressForAuthBrowser,
@@ -85,15 +89,15 @@ const Tagg: React.FC<TaggProps> = ({
   const pickTheRightRingHere = () => {
     if (youMayPass) {
       if (social === 'Tagg') {
-        return <Ring width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />;
+        return <Ring width={TAGG_RING_DIM} height={TAGG_RING_DIM} />;
       } else {
-        return <PurpleRing width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />;
+        return <PurpleRing width={TAGG_RING_DIM} height={TAGG_RING_DIM} />;
       }
     } else {
       if (social === 'Tagg') {
-        return <RingPlus width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />;
+        return <RingPlus width={TAGG_RING_DIM} height={TAGG_RING_DIM} />;
       } else {
-        return <PurpleRingPlus width={TAGG_ICON_DIM} height={TAGG_ICON_DIM} />;
+        return <PurpleRingPlus width={TAGG_RING_DIM} height={TAGG_RING_DIM} />;
       }
     }
   };
@@ -135,7 +139,7 @@ const styles = StyleSheet.create({
   container: {
     justifyContent: 'center',
     alignItems: 'center',
-    marginHorizontal: 5,
+    marginHorizontal: 15,
   },
   image: {
     width: TAGG_ICON_DIM,