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 b35b9ed0d1..cf25695f7f 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,8 +14,9 @@ See the License for the specific language governing permissions and
limitations under the License.
*/
-// .mx_AppsDrawer {
-// }
+.mx_AppsDrawer {
+ margin: 5px;
+}
.mx_AppsContainer {
display: flex;
@@ -75,16 +76,21 @@ limitations under the License.
}
.mx_AppTileMenuBar {
- // height: 15px;
margin: 0;
padding: 2px 10px;
- // background-color: $e2e-verified-color;
border-bottom: 1px solid $primary-hairline-color;
font-size: 10px;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
+ justify-content: space-between;
}
.mx_AppTileMenuBarWidgets {
float: right;
+ display: flex;
+ flex-direction: row;
+ align-items: center;
}
.mx_AppTileMenuBarWidget {
// pointer-events: none;
@@ -101,7 +107,7 @@ limitations under the License.
}
.mx_AppTileMenuBarWidget:hover {
- border: 1px solid $primary-hairline-color;
+ border: 1px solid $primary-fg-color;
border-radius: 2px;
}
diff --git a/src/skins/vector/img/edit.svg b/src/skins/vector/img/edit.svg
index a0be3454e1..9ba0060774 100644
--- a/src/skins/vector/img/edit.svg
+++ b/src/skins/vector/img/edit.svg
@@ -1,13 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
-<!-- Generator: Adobe Illustrator 16.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
- width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
-<g>
-
- <rect x="178.846" y="92.087" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 224.3476 631.1498)" width="128.085" height="354.049"/>
- <path d="M471.723,88.393l-48.115-48.114c-11.723-11.724-31.558-10.896-44.304,1.85l-45.202,45.203l90.569,90.568l45.202-45.202
- C482.616,119.952,483.445,100.116,471.723,88.393z"/>
- <polygon points="64.021,363.252 32,480 148.737,447.979 "/>
-</g>
+ width="512px" height="512px" viewBox="0 0 512 512" xml:space="preserve">
+ <g>
+ <rect fill="#000000" x="167.664" y="69.108" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 219.262 633.2606)" width="146.238" height="404.224"/>
+ <path fill="#000000" d="M502.05,64.887L447.116,9.952c-13.386-13.385-36.032-12.44-50.585,2.113l-51.609,51.61L448.328,167.08l51.609-51.608
+ C514.486,100.918,515.434,78.271,502.05,64.887z"/>
+ <polygon fill="#000000" points="36.56,378.704 0,512 133.283,475.439"/>
+ </g>
</svg>
diff --git a/src/skins/vector/img/edit_green.svg b/src/skins/vector/img/edit_green.svg
new file mode 100644
index 0000000000..f7f4c7adcb
--- /dev/null
+++ b/src/skins/vector/img/edit_green.svg
@@ -0,0 +1,11 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="512px" height="512px" viewBox="0 0 512 512" xml:space="preserve">
+ <g>
+ <rect fill="#76CFA6" x="167.664" y="69.108" transform="matrix(-0.7071 -0.7071 0.7071 -0.7071 219.262 633.2606)" width="146.238" height="404.224"/>
+ <path fill="#76CFA6" d="M502.05,64.887L447.116,9.952c-13.386-13.385-36.032-12.44-50.585,2.113l-51.609,51.61L448.328,167.08l51.609-51.608
+ C514.486,100.918,515.434,78.271,502.05,64.887z"/>
+ <polygon fill="#76CFA6" points="36.56,378.704 0,512 133.283,475.439"/>
+ </g>
+</svg>
diff --git a/src/skins/vector/img/warning_yellow.svg b/src/skins/vector/img/warning_yellow.svg
new file mode 100644
index 0000000000..4d227517d2
--- /dev/null
+++ b/src/skins/vector/img/warning_yellow.svg
@@ -0,0 +1,34 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ width="500px" height="500px" viewBox="0 0 500 500" enable-background="new 0 0 500 500" xml:space="preserve">
+<g>
+ <g>
+ <g>
+ <defs>
+ <path id="SVGID_1_" d="M191.667,56.25c33.333-60.417,85.417-60.417,118.75,0l172.916,320.834
+ C516.667,437.5,487.5,487.5,416.667,487.5H83.333c-68.75,0-97.917-50-66.667-110.416L191.667,56.25L191.667,56.25z"/>
+ </defs>
+ <use xlink:href="#SVGID_1_" overflow="visible" fill="#E8BF37"/>
+ <clipPath id="SVGID_2_">
+ <use xlink:href="#SVGID_1_" overflow="visible"/>
+ </clipPath>
+ <rect x="-100" y="-93.75" clip-path="url(#SVGID_2_)" fill="#E8BF37" width="700" height="685.417"/>
+ </g>
+ </g>
+ <g>
+ <g>
+ <defs>
+ <path id="SVGID_3_" d="M264.584,322.916l6.25-200h-41.667l6.25,200H264.584L264.584,322.916z M250,408.334
+ c14.584,0,25-10.418,25-25c0-14.584-10.416-25-25-25c-14.583,0-25,10.416-25,25C225,397.916,235.417,408.334,250,408.334
+ L250,408.334L250,408.334z"/>
+ </defs>
+ <clipPath id="SVGID_4_">
+ <use xlink:href="#SVGID_3_" overflow="visible"/>
+ </clipPath>
+ <rect x="120.833" y="18.75" clip-path="url(#SVGID_4_)" fill="#FFFFFF" width="258.333" height="493.75"/>
+ </g>
+ </g>
+</g>
+</svg>