Fix css bug to account for 4.5.1 bootstrap update

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

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>

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>

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",

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",

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';
   }
 
   /**