From 5bd0d617c3658b44e0fb2865299c24b9f5e88880 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrycja=20Kali=C5=84ska?= <cysiak0412@gmail.com>
Date: Tue, 7 May 2024 12:09:40 +0200
Subject: [PATCH] Fix missing styles

---
 docs/docs/gestures/fling-gesture.md    | 2 +-
 docs/docs/gestures/hover-gesture.md    | 3 +--
 docs/docs/gestures/pan-gesture.md      | 2 +-
 docs/docs/gestures/pinch-gesture.md    | 2 +-
 docs/docs/gestures/rotation-gesture.md | 2 +-
 docs/docs/gestures/tap-gesture.md      | 2 +-
 6 files changed, 6 insertions(+), 7 deletions(-)

diff --git a/docs/docs/gestures/fling-gesture.md b/docs/docs/gestures/fling-gesture.md
index 86733b8732..b2999dc279 100644
--- a/docs/docs/gestures/fling-gesture.md
+++ b/docs/docs/gestures/fling-gesture.md
@@ -12,7 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import FlingGestureBasic from '@site/static/examples/FlingGestureBasic';
 import FlingGestureBasicSrc from '!!raw-loader!@site/static/examples/FlingGestureBasicSrc';
 
-<div style={{display: 'flex', gap: 10, justifyContent: 'stretch', width: '100%', alignItems: 'stretch', marginBottom: 16}}>
+<div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
       <source src={useBaseUrl("/video/fling.mp4")} type="video/mp4"/>
diff --git a/docs/docs/gestures/hover-gesture.md b/docs/docs/gestures/hover-gesture.md
index 3135cbf2b5..f58cb9ea26 100644
--- a/docs/docs/gestures/hover-gesture.md
+++ b/docs/docs/gestures/hover-gesture.md
@@ -12,8 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import HoverGestureBasic from '@site/static/examples/HoverGestureBasic';
 import HoverGestureBasicSrc from '!!raw-loader!@site/static/examples/HoverGestureBasic';
 
-<div style={{display: 'flex', gap: 10, justifyContent: 'stretch', width: '100%', alignItems: 'stretch', marginBottom: 16}}>
-
+<div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
       <source src={useBaseUrl("/video/hover.mp4")} type="video/mp4"/>
diff --git a/docs/docs/gestures/pan-gesture.md b/docs/docs/gestures/pan-gesture.md
index 4123e1b591..8d37d9a36a 100644
--- a/docs/docs/gestures/pan-gesture.md
+++ b/docs/docs/gestures/pan-gesture.md
@@ -12,7 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import PanGestureBasic from '@site/static/examples/PanGestureBasic';
 import PanGestureBasicSrc from '!!raw-loader!@site/static/examples/PanGestureBasicSrc';
 
-<div style={{display: 'flex', gap: 10, justifyContent: 'stretch', width: '100%', alignItems: 'stretch', marginBottom: 16}}>
+<div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
       <source src={useBaseUrl("/video/pan.mp4")} type="video/mp4"/>
diff --git a/docs/docs/gestures/pinch-gesture.md b/docs/docs/gestures/pinch-gesture.md
index bfeda8d81a..806ce6d2c5 100644
--- a/docs/docs/gestures/pinch-gesture.md
+++ b/docs/docs/gestures/pinch-gesture.md
@@ -12,7 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import PinchGestureBasic from '@site/static/examples/PinchGestureBasic';
 import PinchGestureBasicSrc from '!!raw-loader!@site/static/examples/PinchGestureBasicSrc';
 
-<div style={{display: 'flex', gap: 10, justifyContent: 'stretch', width: '100%', alignItems: 'stretch', marginBottom: 16}}>
+<div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
       <source src={useBaseUrl("/video/pinch.mp4")} type="video/mp4"/>
diff --git a/docs/docs/gestures/rotation-gesture.md b/docs/docs/gestures/rotation-gesture.md
index bedab4064c..bce3d29e2a 100644
--- a/docs/docs/gestures/rotation-gesture.md
+++ b/docs/docs/gestures/rotation-gesture.md
@@ -12,7 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import RotationGestureBasic from '@site/static/examples/RotationGestureBasic';
 import RotationGestureBasicSrc from '!!raw-loader!@site/static/examples/RotationGestureBasicSrc';
 
-<div style={{display: 'flex', gap: 10, justifyContent: 'stretch', width: '100%', alignItems: 'stretch', marginBottom: 16}}>
+<div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
       <source src={useBaseUrl("/video/rotation.mp4")} type="video/mp4"/>
diff --git a/docs/docs/gestures/tap-gesture.md b/docs/docs/gestures/tap-gesture.md
index b718f4f1e7..90d86a0eba 100644
--- a/docs/docs/gestures/tap-gesture.md
+++ b/docs/docs/gestures/tap-gesture.md
@@ -12,7 +12,7 @@ import useBaseUrl from '@docusaurus/useBaseUrl';
 import TapGestureBasic from '@site/static/examples/TapGestureBasic';
 import TapGestureBasicSrc from '!!raw-loader!@site/static/examples/TapGestureBasic';
 
-<div style={{display: 'flex', gap: 10, justifyContent: 'stretch', width: '100%', alignItems: 'stretch', marginBottom: 16}}>
+<div className={webContainer}>
   <div className={vanishOnMobile} style={{ display: 'flex', justifyContent: 'center', maxWidth: 360 }}>
     <video playsInline autoPlay muted loop style={{maxWidth: 360}}>
       <source src={useBaseUrl("/video/tap.mp4")} type="video/mp4"/>