Commit cf3dfcb2 authored by MrMan's avatar MrMan

More styling fixes

parent 71f274aa
...@@ -68,24 +68,26 @@ class MatchConvoPage extends React.Component { ...@@ -68,24 +68,26 @@ class MatchConvoPage extends React.Component {
<div className="match-convo-page-container"> <div className="match-convo-page-container">
{closeButton} {closeButton}
<div className="pure-g"> <div className="match-convo-page-messages-container">
{messageBubbles}
</div>
<div className="match-convo-page-chat-box abs pinned-to-bottom">
<div className="pure-g"> <div className="pure-g">
{messageBubbles}
</div>
<div className="pure-u-4-5"> <div className="match-convo-page-chat-box abs pinned-to-bottom full-width">
<textarea></textarea> <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>
<div className="pure-u-1-5"> <div className="pure-u-1-5 full-height">
<div className="full-height nephritis-bg center-aligned-text"> <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>
</div>
</div> </div>
</div> </div>
......
...@@ -128,7 +128,9 @@ body { ...@@ -128,7 +128,9 @@ body {
} }
.match-convo-page-container { .match-convo-page-container {
position: relative; width: 100%;
min-height: 100%;
position: absolute;
} }
/*******************/ /*******************/
...@@ -188,6 +190,20 @@ section.collapsible-labeled-form-section > label { ...@@ -188,6 +190,20 @@ section.collapsible-labeled-form-section > label {
margin-bottom: 1em; 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 */ /* 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