diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js index eab75fe3e..f03c63b37 100644 --- a/src/components/structures/RightPanel.js +++ b/src/components/structures/RightPanel.js @@ -169,6 +169,8 @@ module.exports = React.createClass({ { buttonGroup } { panel } +
+
); } diff --git a/src/components/structures/SearchBox.js b/src/components/structures/SearchBox.js index beec83bf1..69434dc2a 100644 --- a/src/components/structures/SearchBox.js +++ b/src/components/structures/SearchBox.js @@ -25,7 +25,6 @@ module.exports = React.createClass({ render: function() { var TintableSvg = sdk.getComponent('elements.TintableSvg'); - var EditableText = sdk.getComponent("elements.EditableText"); var toggleCollapse; if (this.props.collapsed) { @@ -41,11 +40,9 @@ module.exports = React.createClass({ className="mx_SearchBox_searchButton" src="img/search.svg" width="21" height="19" /> - { toggleCollapse } diff --git a/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css b/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css index 8553e202a..c8772b499 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css +++ b/src/skins/vector/css/matrix-react-sdk/structures/RoomView.css @@ -207,7 +207,7 @@ hr.mx_RoomView_myReadMarker { .mx_RoomView_statusAreaBox { max-width: 960px; margin: auto; - min-height: 49px; + min-height: 60px; } .mx_RoomView_statusAreaBox_line { diff --git a/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css b/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css index 77c8e54fe..8c8c470a3 100644 --- a/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css +++ b/src/skins/vector/css/matrix-react-sdk/structures/SearchBox.css @@ -18,8 +18,8 @@ limitations under the License. height: 24px; margin-left: 20px; margin-right: 20px; - padding-top: 23px; - padding-bottom: 23px; + padding-top: 26px; + padding-bottom: 20px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); display: flex; @@ -33,13 +33,14 @@ limitations under the License. .mx_SearchBox_search { flex: 1; -webkit-flex: 1; + font-family: 'Open Sans', Arial, Helvetica, Sans-Serif; font-size: 12px; height: 24px; - vertical-align: middle; -} - -.mx_SearchBox_searchPlaceholder { - opacity: 0.5; + margin-top: -4px; + border: 0px ! important; + /* border-bottom: 1px solid rgba(0, 0, 0, 0.1) ! important; */ + background-color: transparent; + border: 0px; } .mx_SearchBox_minimise, diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css index e6a340df6..30de93242 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberInfo.css @@ -15,6 +15,7 @@ limitations under the License. */ .mx_MemberInfo { + margin-top: 20px; height: 100%; } diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberList.css b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberList.css index b631f05d5..88f7fafe9 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberList.css +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/MemberList.css @@ -17,6 +17,8 @@ limitations under the License. .mx_MemberList { height: 100%; + margin-top: 12px; + -webkit-flex: 1; flex: 1; @@ -77,17 +79,6 @@ limitations under the License. } */ -.mx_MemberList_bottom { - order: 4; - flex: 0 0 60px; - -webkit-flex: 0 0 60px; -} - -.mx_MemberList_bottomRule { - border-top: 1px solid #e5e5e5; - margin-right: 15px; -} - .mx_MemberList_invited h2 { text-transform: uppercase; color: #3d3b39; diff --git a/src/skins/vector/css/vector-web/structures/RightPanel.css b/src/skins/vector/css/vector-web/structures/RightPanel.css index 56e1fb4b8..f6112da6e 100644 --- a/src/skins/vector/css/vector-web/structures/RightPanel.css +++ b/src/skins/vector/css/vector-web/structures/RightPanel.css @@ -33,6 +33,9 @@ limitations under the License. -webkit-order: 1; order: 1; + border-bottom: 1px solid #e5e5e5; + margin-right: 20px; + -webkit-flex: 0 0 70px; flex: 0 0 70px; } @@ -90,3 +93,17 @@ limitations under the License. -webkit-order: 2; order: 2; } + +.mx_RightPanel_footer { + -webkit-box-ordinal-group: 3; + -moz-box-ordinal-group: 3; + -ms-flex-order: 3; + -webkit-order: 3; + order: 3; + + border-top: 1px solid #e5e5e5; + margin-right: 20px; + + -webkit-flex: 0 0 60px; + flex: 0 0 60px; +}