fix(Layout): use flex to lay out chat column instead of fixed calc

watson-developer-cloud · May 20, 2019 · 2fdc0a5 · 2fdc0a5
1 parent 5540468
commit 2fdc0a5
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/public/css/app.css b/public/css/app.css
@@ -69,7 +69,9 @@ div {
 }
 
 .chat-column {
-  height: 93%;
+  display: flex;
+  flex-direction: column;
+  height: 90%;
   padding: 0.9375rem 0 0.625rem 0;
   margin: auto;
   text-align: left;
@@ -78,10 +80,10 @@ div {
 }
 
 #scrollingChat {
+  flex: 1;
   margin: 0.75rem;
   overflow-y: auto;
   overflow-x: hidden;
-  height: calc(100% - 10rem);
 }
 
 .message-inner {