diff --git a/src/assets/images/presence_desktop.png b/src/assets/images/presence_desktop.png new file mode 100755 index 0000000000000000000000000000000000000000..4dbaafa1733fb55971581d9c2fd368f4ca9e0971 Binary files /dev/null and b/src/assets/images/presence_desktop.png differ diff --git a/src/assets/images/presence_phone.png b/src/assets/images/presence_phone.png new file mode 100755 index 0000000000000000000000000000000000000000..4b18d742ad8c9ddbb71fe7e1b9d897e48c73d5bb Binary files /dev/null and b/src/assets/images/presence_phone.png differ diff --git a/src/assets/images/presence_vr.png b/src/assets/images/presence_vr.png new file mode 100755 index 0000000000000000000000000000000000000000..fde03d7020a2252a3722c76ee1ebe21dc6f488ef Binary files /dev/null and b/src/assets/images/presence_vr.png differ diff --git a/src/assets/stylesheets/presence-list.scss b/src/assets/stylesheets/presence-list.scss index 3c903f2e10079539b24deffe7b45a6317c882f6b..3e7ab0517586fff3db4a83c19f6202b5de1d247d 100644 --- a/src/assets/stylesheets/presence-list.scss +++ b/src/assets/stylesheets/presence-list.scss @@ -52,17 +52,14 @@ :local(.device) { width: 32px; height: 32px; - background-color: black; - border-radius: 16px; position: relative; margin: 0px 12px 0px 0px; img { position: absolute; - top: 2px; left: 2px; - width: 28px; - height: 28px; + width: 32px; + height: 32px; } } diff --git a/src/react-components/presence-list.js b/src/react-components/presence-list.js index 7ada7acaf4b7355c9cefc49bb7f355166dd7fc13..9770da2fdbd950b442314d6fbb39f181bdb75ed2 100644 --- a/src/react-components/presence-list.js +++ b/src/react-components/presence-list.js @@ -2,9 +2,9 @@ import React, { Component } from "react"; import PropTypes from "prop-types"; import styles from "../assets/stylesheets/presence-list.scss"; import classNames from "classnames"; -import PhoneImage from "../assets/images/mobile_screen_entry.svg"; -import DesktopImage from "../assets/images/desktop_screen_entry.svg"; -import HMDImage from "../assets/images/generic_vr_entry.svg"; +import PhoneImage from "../assets/images/presence_phone.png"; +import DesktopImage from "../assets/images/presence_desktop.png"; +import HMDImage from "../assets/images/presence_vr.png"; import { FormattedMessage } from "react-intl"; export default class PresenceList extends Component {