From 14c68646cb18955a15053aa811476262fe9d5806 Mon Sep 17 00:00:00 2001
From: Cody Garcia <czgarcia@berkeley.edu>
Date: Sat, 7 Dec 2024 16:02:18 -0800
Subject: [PATCH] standardize style of video page across ipad and android
 emulator

---
 src/screens/LegalRights/VideoPage/index.tsx |  4 ++--
 src/screens/LegalRights/VideoPage/styles.ts | 11 +++++------
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/src/screens/LegalRights/VideoPage/index.tsx b/src/screens/LegalRights/VideoPage/index.tsx
index bdf7c91..052d68f 100644
--- a/src/screens/LegalRights/VideoPage/index.tsx
+++ b/src/screens/LegalRights/VideoPage/index.tsx
@@ -86,7 +86,7 @@ export default function VideoPage({
     <View style={styles.container}>
       <Pressable
         style={
-          index != 0
+          index !== 0
             ? [styles.captionButtons]
             : [styles.captionButtons, styles.noButton]
         }
@@ -111,7 +111,7 @@ export default function VideoPage({
 
       <Pressable
         style={
-          index != preaData.length - 1
+          index !== preaData.length - 1
             ? [styles.captionButtons]
             : [styles.captionButtons, styles.noButton]
         }
diff --git a/src/screens/LegalRights/VideoPage/styles.ts b/src/screens/LegalRights/VideoPage/styles.ts
index bbbb4d4..04f5ebd 100644
--- a/src/screens/LegalRights/VideoPage/styles.ts
+++ b/src/screens/LegalRights/VideoPage/styles.ts
@@ -8,24 +8,23 @@ export const styles = StyleSheet.create({
     padding: 30,
     alignItems: 'flex-end',
     justifyContent: 'center',
-    gap: 46,
   },
   videoAndTitle: {
-    alignItems: 'flex-start',
+    alignItems: 'center',
     gap: 10,
+    width: '80%',
   },
   title: {
     color: '#444',
     fontFamily: 'Inter',
-    fontSize: 24,
+    fontSize: 28,
     fontStyle: 'normal',
     fontWeight: 700,
   },
   video: {
-    borderRadius: 15,
     backgroundColor: 'rgba(0, 0, 0, 0.18)',
-    width: 928,
-    height: 521,
+    width: '87%',
+    aspectRatio: 928 / 521,
   },
   captionButtons: {
     display: 'flex',