Commit cf3dfcb2 authored by MrMan's avatar MrMan

More styling fixes

parent 71f274aa
......@@ -68,24 +68,26 @@ class MatchConvoPage extends React.Component {
<div className="match-convo-page-container">
{closeButton}
<div className="pure-g">
{messageBubbles}
</div>
<div className="match-convo-page-chat-box abs pinned-to-bottom">
<div className="match-convo-page-messages-container">
<div className="pure-g">
{messageBubbles}
</div>
<div className="pure-u-4-5">
<textarea></textarea>
<div className="match-convo-page-chat-box abs pinned-to-bottom full-width">
<div className="pure-g full-height">
<div className="pure-u-4-5 full-height">
<textarea placeholder="Enter message..." className="pure-u-1 full-height"></textarea>
</div>
<div className="pure-u-1-5">
<div className="pure-u-1-5 full-height">
<div className="full-height nephritis-bg center-aligned-text">
<i className="fa fa-send large"></i>
<i className="fa fa-send large white-face hacked-vertical-center"></i>
</div>
</div>
</div>
</div>
</div>
</div>
......
......@@ -128,7 +128,9 @@ body {
}
.match-convo-page-container {
position: relative;
width: 100%;
min-height: 100%;
position: absolute;
}
/*******************/
......@@ -188,6 +190,20 @@ section.collapsible-labeled-form-section > label {
margin-bottom: 1em;
}
/******************/
/* MatchConvoPage */
/******************/
.match-convo-page-chat-box {
height: 4em;
}
.match-convo-page-chat-box textarea {
border: none;
padding: 0;
margin: 0;
}
/*******************/
/* Utility classes */
/*******************/
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment