From 8afc9f9a09d9efd00d22dd3dfa3d929383880d68 Mon Sep 17 00:00:00 2001
From: Richard Lewis <rick@matrix.org>
Date: Fri, 19 May 2017 17:17:48 +0100
Subject: [PATCH] Add widget iframes and styling

---
 .../views/rooms/_AppsDrawer.scss              | 44 +++++++++++++++++++
 .../views/rooms/_MessageComposer.scss         |  5 ---
 2 files changed, 44 insertions(+), 5 deletions(-)

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 7b20e4dbf..23c4ca486 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
@@ -14,9 +14,53 @@ See the License for the specific language governing permissions and
 limitations under the License.
 */
 
+.mx_AppsDrawer {
+}
+
+.mx_AppsContainer {
+    display: flex;
+    flex-direction: row;
+    align-items: center;
+}
+
 .mx_AddWidget_button {
     order: 2;
     cursor: pointer;
     padding-left: 12px;
     padding-right: 12px;
+    margin: 0 20px 20px 20px;
+    color: $accent-color;
+}
+
+.mx_SetAppURLDialog_input {
+    border-radius: 3px;
+    border: 1px solid $input-border-color;
+    padding: 9px;
+    color: $primary-fg-color;
+    background-color: $primary-bg-color;
+    font-size: 15px;
+}
+
+.mx_AppTile {
+    width: 48%;
+    margin: 2px 5px;
+    border: 1px solid $greyed-fg-color;
+    border-radius: 2px;
+    height: 200px;
+    // display: inline-block;
+}
+
+.mx_AppTileMenuBar {
+    // height: 15px;
+    margin: 0;
+    padding: 2px 10px;
+    // background-color: $e2e-verified-color;
+    border-bottom: 1px solid $greyed-fg-color;
+}
+
+.mx_AppTileBody iframe {
+    width: 100%;
+    height: 175px;
+    overflow: hidden;
+    border: none;
 }
diff --git a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
index b7de8dcd9..ac4972271 100644
--- a/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
+++ b/src/skins/vector/css/matrix-react-sdk/views/rooms/_MessageComposer.scss
@@ -202,8 +202,3 @@ limitations under the License.
     padding: 4px 4px 4px 0;
     opacity: 0.8;
 }
-
-.mx_AppsDrawer {
-    height: 50px;
-    width: 100%;
-}