From 203cc91f31c5444d1c7073122915e26ea64f9917 Mon Sep 17 00:00:00 2001
From: Chris Grimmett <chris@grimtech.net>
Date: Fri, 29 Mar 2024 22:26:26 -0800
Subject: [PATCH] add some padding to l,r on the vod page

---
 Tiltfile                                  | 20 ++++++-------
 package.json                              |  2 +-
 packages/next/app/components/vod-page.tsx | 34 +++++++++++------------
 3 files changed, 28 insertions(+), 28 deletions(-)

diff --git a/Tiltfile b/Tiltfile
index 6531960..d41428d 100644
--- a/Tiltfile
+++ b/Tiltfile
@@ -18,20 +18,20 @@ docker_build(
 
 ## Uncomment the following for fp/next in dev mode
 ## this is useful for changing the UI and seeing results
-# docker_build(
-#     'fp/next',
-#     '.',
-#     dockerfile='next.dockerfile',
-#     target='dev',
-#     live_update=[
-#         sync('./packages/next', '/app')
-#     ]
-# )
+docker_build(
+    'fp/next',
+    '.',
+    dockerfile='next.dockerfile',
+    target='dev',
+    live_update=[
+        sync('./packages/next', '/app')
+    ]
+)
 
 ## Uncomment the following for fp/next in production mode
 ## this is useful to test how fp/next will behave in production environment
 ## note: there is no live_update here. expect slow rebuilds in response to code changes
-docker_build('fp/next', '.', dockerfile='next.dockerfile')
+# docker_build('fp/next', '.', dockerfile='next.dockerfile')
 
 
 k8s_resource(
diff --git a/package.json b/package.json
index 7c9cb79..29ae04e 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "futureporn",
-  "version": "1.0.2",
+  "version": "1.0.3",
   "description": "",
   "main": "index.js",
   "scripts": {
diff --git a/packages/next/app/components/vod-page.tsx b/packages/next/app/components/vod-page.tsx
index 5173273..2f1dfe2 100644
--- a/packages/next/app/components/vod-page.tsx
+++ b/packages/next/app/components/vod-page.tsx
@@ -43,25 +43,25 @@ export default async function VodPage({vod}: { vod: IVod }) {
     return (
 
         <div className="container">
-            <div className="block mb-5">
-                    <VideoInteractive vod={vod}></VideoInteractive>
+            <div className="section pt-0">
+                        <VideoInteractive vod={vod}></VideoInteractive>
 
-                    {(vod.attributes.thumbnail) && (<div className='mb-5'>
-                        <LinkableHeading text="Thumbnail Image" slug="thumb" icon={faImage}></LinkableHeading>
-                        <Thumbnail url={vod.attributes.thumbnail.data.attributes.cdnUrl}></Thumbnail>
-                    </div>)}
+                        {(vod.attributes.thumbnail) && (<div className='mb-5'>
+                            <LinkableHeading text="Thumbnail Image" slug="thumb" icon={faImage}></LinkableHeading>
+                            <Thumbnail url={vod.attributes.thumbnail.data.attributes.cdnUrl}></Thumbnail>
+                        </div>)}
 
-                    {(vod.attributes.videoSrcHash || vod.attributes.video240Hash) && (
-                        <>
-                            <LinkableHeading text="IPFS Content IDs" slug="ipfs" icon={faGlobe}></LinkableHeading>
-                            {vod.attributes.videoSrcHash && (
-                                <IpfsCid label="Source" cid={vod.attributes.videoSrcHash}></IpfsCid>
-                            )}
-                            {vod.attributes.video240Hash && (
-                                <IpfsCid label="240p" cid={vod.attributes.video240Hash}></IpfsCid>
-                            )}
-                        </>
-                    )}
+                        {(vod.attributes.videoSrcHash || vod.attributes.video240Hash) && (
+                            <>
+                                <LinkableHeading text="IPFS Content IDs" slug="ipfs" icon={faGlobe}></LinkableHeading>
+                                {vod.attributes.videoSrcHash && (
+                                    <IpfsCid label="Source" cid={vod.attributes.videoSrcHash}></IpfsCid>
+                                )}
+                                {vod.attributes.video240Hash && (
+                                    <IpfsCid label="240p" cid={vod.attributes.video240Hash}></IpfsCid>
+                                )}
+                            </>
+                        )}
 
 
                     <nav className="level mt-5">