From 94877b0ac45473630da4e1291678258217d95ef5 Mon Sep 17 00:00:00 2001 From: Richard Lewis Date: Mon, 21 Aug 2017 11:10:21 +0100 Subject: [PATCH 1/2] App drawer bottom margin. Minimised app drawer margin. Make app body content full width. --- .../vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss index 316c5144a..8e53e0460 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss @@ -15,6 +15,7 @@ limitations under the License. */ .mx_AppsDrawer { + margin-bottom: 3px; } .mx_AppsContainer { @@ -69,7 +70,7 @@ limitations under the License. margin: 0; padding: 2px 10px; // background-color: $e2e-verified-color; - border-bottom: 1px solid $primary-hairline-color; + // border-bottom: 1px solid $primary-hairline-color; font-size: 10px; } @@ -97,6 +98,7 @@ limitations under the License. .mx_AppTileBody{ height: 350px; + width: 100%; overflow: hidden; } From e0bc1133d7782b8bdecccb1ae9892780722af66b Mon Sep 17 00:00:00 2001 From: Richard Lewis Date: Mon, 21 Aug 2017 11:30:05 +0100 Subject: [PATCH 2/2] Position add app widget. --- .../css/matrix-react-sdk/views/rooms/_AppsDrawer.scss | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss index 8e53e0460..14b8cb457 100644 --- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss +++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_AppsDrawer.scss @@ -30,11 +30,15 @@ limitations under the License. cursor: pointer; padding-right: 12px; padding: 0; - margin: 0 0 5px 0; + margin: 5px auto 5px auto; color: $accent-color; font-size: 12px; } +.mx_AddWidget_button_full_width { + max-width: 960px; +} + .mx_SetAppURLDialog_input { border-radius: 3px; border: 1px solid $input-border-color;