From 4df16866e8321785962b23d83203035f32d2777a Mon Sep 17 00:00:00 2001
From: sirknightj <sirknightj@gmail.com>
Date: Fri, 22 Sep 2023 18:07:30 +0000
Subject: [PATCH] =?UTF-8?q?Deploying=20to=20gh-pages=20from=20@=20awslabs/?=
 =?UTF-8?q?amazon-kinesis-video-streams-webrtc-sdk-js@67e66042971ed3e042cf?=
 =?UTF-8?q?9f37a2caf0e3c1242d7a=20=F0=9F=9A=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 examples/index.html | 57 +++++++++++++++++++++++----------------------
 1 file changed, 29 insertions(+), 28 deletions(-)

diff --git a/examples/index.html b/examples/index.html
index d56d95d..d12c8a7 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -93,34 +93,6 @@ <h4>Tracks</h4>
                     <input type="text" class="form-control" id="streamName" placeholder="Stream name">
                     <div class="input-group-append">
                         <button id="create-stream-button" type="submit" class="btn btn-primary ml-1 mr-1" title="Create a Kinesis Video Stream with this name." data-toggle="modal" data-target="#create-stream-modal">Create Stream</button>
-                        <div class="modal fade" id="create-stream-modal" tabindex="-1" role="dialog" aria-labelledby="create-stream-modal-label" aria-hidden="true">
-                            <div class="modal-dialog" role="document">
-                                <div class="modal-content">
-                                    <div class="modal-header">
-                                        <h5 class="modal-title" id="create-stream-modal-label">Create a Kinesis Video Stream</h5>
-                                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
-                                            <span aria-hidden="true">&times;</span>
-                                        </button>
-                                    </div>
-                                    <div class="modal-body">
-                                        <form>
-                                            <div class="form-group">
-                                                <label for="create-stream-modal-stream-input" class="col-form-label">Stream Name:</label>
-                                                <input type="text" class="form-control" id="create-stream-modal-stream-input">
-                                            </div>
-                                            <div class="form-group">
-                                                <label for="create-stream-modal-retention-input" class="col-form-label">Data retention (hours):</label>
-                                                <input class="form-control" id="create-stream-modal-retention-input" type="number" value="48"/>
-                                            </div>
-                                        </form>
-                                    </div>
-                                    <div class="modal-footer">
-                                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
-                                        <button type="button" class="btn btn-primary" id="create-stream-modal-create-stream-button" data-dismiss="modal">Create Stream</button>
-                                    </div>
-                                </div>
-                            </div>
-                        </div>
                     </div>
                     <div class="input-group-append">
                         <button id="update-media-storage-configuration-button" type="submit" class="btn btn-primary" title="Ingest and Store media to a specific Kinesis Video Stream.">Update Media Storage Configuration</button>
@@ -207,6 +179,35 @@ <h4>Amazon KVS WebRTC DQP</h4>
             </div>
         </form>
 
+        <div class="modal fade" id="create-stream-modal" tabindex="-1" role="dialog" aria-labelledby="create-stream-modal-label" aria-hidden="true">
+            <div class="modal-dialog" role="document">
+                <div class="modal-content">
+                    <div class="modal-header">
+                        <h5 class="modal-title" id="create-stream-modal-label">Create a Kinesis Video Stream</h5>
+                        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
+                            <span aria-hidden="true">&times;</span>
+                        </button>
+                    </div>
+                    <div class="modal-body">
+                        <form>
+                            <div class="form-group">
+                                <label for="create-stream-modal-stream-input" class="col-form-label">Stream Name:</label>
+                                <input type="text" class="form-control" id="create-stream-modal-stream-input">
+                            </div>
+                            <div class="form-group">
+                                <label for="create-stream-modal-retention-input" class="col-form-label">Data retention (hours):</label>
+                                <input class="form-control" id="create-stream-modal-retention-input" type="number" value="48"/>
+                            </div>
+                        </form>
+                    </div>
+                    <div class="modal-footer">
+                        <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
+                        <button type="button" class="btn btn-primary" id="create-stream-modal-create-stream-button" data-dismiss="modal">Create Stream</button>
+                    </div>
+                </div>
+            </div>
+        </div>
+
         <div id="master" class="d-none">
             <h2>Master</h2>
             <div class="row">