From 8c92a118d128d79b603be556f06cc3757c3e0ff8 Mon Sep 17 00:00:00 2001
From: michhyun <michhyun@amazon.com>
Date: Thu, 17 Sep 2020 13:48:05 -0700
Subject: [PATCH] Fix css bug to account for 4.5.1 bootstrap update

---
 CHANGELOG.md                               |  1 +
 demos/browser/app/meeting/meeting.html     |  4 ++--
 demos/browser/app/meetingV2/meetingV2.html |  4 ++--
 demos/browser/package-lock.json            | 12 ++++++------
 demos/browser/package.json                 |  4 ++--
 package-lock.json                          |  2 +-
 package.json                               |  2 +-
 src/versioning/Versioning.ts               |  2 +-
 8 files changed, 16 insertions(+), 15 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index a292fa1a2e..a2c5109c52 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -23,6 +23,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 ### Fixed
 - Fixed bug related to unbinding a video element
 - Fix tone does not stop when calling MeetingReadinessChecker.checkAudioOutput multiple times
+- Fixed demo css format issue from updating to bootstrap 4.5.1
 
 ## [1.17.2] - 2020-09-08
 ### Added
diff --git a/demos/browser/app/meeting/meeting.html b/demos/browser/app/meeting/meeting.html
index 6e800c6024..734c88c65b 100644
--- a/demos/browser/app/meeting/meeting.html
+++ b/demos/browser/app/meeting/meeting.html
@@ -213,7 +213,7 @@ <h1 class="h3 mb-3 font-weight-normal text-center">Select devices</h1>
     <div id="flow-meeting" class="flow" style="position:absolute;left:15px;top:0;bottom:15px;right:15px">
       <audio id="meeting-audio" style="display:none"></audio>
       <div id="meeting-container" class="container-fluid h-100" style="display:flex; flex-flow:column">
-        <div class="row mb-3 mb-lg-0">
+        <div class="row mb-3 mb-lg-0" style="flex: unset;">
           <div class="col-12 col-lg-3 text-center text-lg-left">
             <div id="meeting-id" class="navbar-brand text-muted m-2"></div>
           </div>
@@ -270,7 +270,7 @@ <h1 class="h3 mb-3 font-weight-normal text-center">Select devices</h1>
             </button>
           </div>
         </div>
-        <div id="roster-tile-container" class="row flex-sm-grow-1 overflow-hidden h-100">
+        <div id="roster-tile-container" class="row flex-sm-grow-1 overflow-hidden h-100" style="flex: unset;">
           <div id="roster-container" class="d-flex flex-column col-12 col-sm-6 col-md-5 col-lg-4 h-100">
             <div class="bs-component" style="flex: 1 1 auto; overflow-y: scroll; height: 50%;">
               <ul id="roster" class="list-group"></ul>
diff --git a/demos/browser/app/meetingV2/meetingV2.html b/demos/browser/app/meetingV2/meetingV2.html
index d0279fb158..44e7ca0c23 100644
--- a/demos/browser/app/meetingV2/meetingV2.html
+++ b/demos/browser/app/meetingV2/meetingV2.html
@@ -226,7 +226,7 @@ <h1 class="h3 mb-3 font-weight-normal text-center">Select devices</h1>
   </div>
   <audio id="meeting-audio" style="display:none"></audio>
   <div id="meeting-container" class="container-fluid h-100" style="display:flex; flex-flow:column">
-    <div class="row mb-3 mb-lg-0">
+    <div class="row mb-3 mb-lg-0" style="flex-basis: auto;">
       <div class="col-12 col-lg-3 order-1 order-lg-1 text-center text-lg-left">
         <div id="meeting-id" class="navbar-brand text-muted m-0 m-lg-2"></div>
         <div id="mobile-chime-meeting-id" class="text-muted d-block d-sm-none" style="font-size:0.65rem;"></div>
@@ -292,7 +292,7 @@ <h1 class="h3 mb-3 font-weight-normal text-center">Select devices</h1>
         </button>
       </div>
     </div>
-    <div id="roster-tile-container" class="row flex-sm-grow-1 overflow-hidden h-100">
+    <div id="roster-tile-container" class="row flex-sm-grow-1 overflow-hidden h-100" style="flex: unset;">
       <div id="roster-message-container" class="d-flex flex-column col-12 col-sm-6 col-md-5 col-lg-4 h-100">
         <div class="bs-component" style="flex: 1 1 auto; overflow-y: scroll; height: 50%;">
           <ul id="roster" class="list-group"></ul>
diff --git a/demos/browser/package-lock.json b/demos/browser/package-lock.json
index b01f125140..75bc9e329c 100644
--- a/demos/browser/package-lock.json
+++ b/demos/browser/package-lock.json
@@ -4879,9 +4879,9 @@
       }
     },
     "aws-sdk": {
-      "version": "2.751.0",
-      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.751.0.tgz",
-      "integrity": "sha512-0lo7YKTfjEwoP+2vK7F7WGNigvwFxqiM96PzBaseOpOelfhFHPKEJpk2Poa12JI89c8dGoc1PhTQ1TSTJK3ZqQ==",
+      "version": "2.755.0",
+      "resolved": "https://registry.npmjs.org/aws-sdk/-/aws-sdk-2.755.0.tgz",
+      "integrity": "sha512-APei6/d3ki6wi9pp6XvQ7QTiOhDBCo1qCOQZ5n8POUE1yrB7/6SNWami9OTj2TavFvnz7OuPr5YZ2/Ra45N49A==",
       "requires": {
         "buffer": "4.9.2",
         "events": "1.1.1",
@@ -5043,9 +5043,9 @@
       "dev": true
     },
     "bootstrap": {
-      "version": "4.5.0",
-      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.0.tgz",
-      "integrity": "sha512-Z93QoXvodoVslA+PWNdk23Hze4RBYIkpb5h8I2HY2Tu2h7A0LpAgLcyrhrSUyo2/Oxm2l1fRZPs1e5hnxnliXA=="
+      "version": "4.5.1",
+      "resolved": "https://registry.npmjs.org/bootstrap/-/bootstrap-4.5.1.tgz",
+      "integrity": "sha512-bxUooHBSbvefnIZfjD0LE8nfdPKrtiFy2sgrxQwUZ0UpFzpjVbVMUxaGIoo9XWT4B2LG1HX6UQg0UMOakT0prQ=="
     },
     "brace-expansion": {
       "version": "1.1.11",
diff --git a/demos/browser/package.json b/demos/browser/package.json
index 729ac1c746..42021b45fa 100644
--- a/demos/browser/package.json
+++ b/demos/browser/package.json
@@ -32,8 +32,8 @@
   },
   "dependencies": {
     "amazon-chime-sdk-js": "file:../..",
-    "aws-sdk": "^2.751.0",
-    "bootstrap": "4.5.0",
+    "aws-sdk": "^2.755.0",
+    "bootstrap": "^4.5.1",
     "compression": "^1.7.4",
     "jquery": "^3.5.1",
     "lodash": "^4.17.20",
diff --git a/package-lock.json b/package-lock.json
index 1a4c892f8c..8577022e1b 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,6 +1,6 @@
 {
   "name": "amazon-chime-sdk-js",
-  "version": "1.17.10",
+  "version": "1.17.11",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {
diff --git a/package.json b/package.json
index ac41ebae9f..0570a14761 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "amazon-chime-sdk-js",
-  "version": "1.17.10",
+  "version": "1.17.11",
   "description": "Amazon Chime SDK for JavaScript",
   "main": "build/index.js",
   "types": "build/index.d.ts",
diff --git a/src/versioning/Versioning.ts b/src/versioning/Versioning.ts
index 97e84a0587..02a74c17e9 100644
--- a/src/versioning/Versioning.ts
+++ b/src/versioning/Versioning.ts
@@ -18,7 +18,7 @@ export default class Versioning {
    * Return string representation of SDK version
    */
   static get sdkVersion(): string {
-    return '1.17.10';
+    return '1.17.11';
   }
 
   /**