Changed chat-inputholder container to use flex layout, reordered rules

google · Nov 15, 2017 · e7f0dea · e7f0dea
1 parent 031ca0e
commit e7f0dea
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/css/chat.css b/css/chat.css
@@ -84,13 +84,20 @@
   border-bottom-left-radius:0px;
 }
 
-.chat-inputfield {
+.chat-inputrow {
   padding: 5px;
-
+  background-color: hsla(240, 50%, 80%, 1);
 }
-.chat-inputrow {
-
 
+.chat-inputholder {
+  display: flex;
+}
+
+.chat-inputfield {
+  flex-grow: 1;
   padding: 5px;
-  background-color: hsla(240, 50%, 80%, 1);
+}
+
+.chat-inputbutton {
+  flex-grow: 0;
 }