diff --git a/app/assets/styles/blink/_ConferenceDrawerLog.scss b/app/assets/styles/blink/_ConferenceDrawerLog.scss index 7b6a125..2f49985 100644 --- a/app/assets/styles/blink/_ConferenceDrawerLog.scss +++ b/app/assets/styles/blink/_ConferenceDrawerLog.scss @@ -1,10 +1,13 @@ .messageText { font-size: 14px; color: rgba(0, 0, 0, .54); } .leftContainer { align-items: center; flex-direction: row; } +.lessPadding { + padding: 4px; +} diff --git a/app/components/ConferenceDrawerLog.js b/app/components/ConferenceDrawerLog.js index d0034a0..c8e924c 100644 --- a/app/components/ConferenceDrawerLog.js +++ b/app/components/ConferenceDrawerLog.js @@ -1,50 +1,51 @@ import React, { Fragment } from 'react'; import PropTypes from 'prop-types'; import utils from '../utils'; import { Title, Text, List } from 'react-native-paper'; import { View, FlatList } from 'react-native'; import styles from '../assets/styles/blink/_ConferenceDrawerLog.scss'; const ConferenceDrawerLog = props => { const renderItem = ( {item, index} ) => { const elem = item const originator = elem.originator.displayName || elem.originator.uri || elem.originator; const messages = elem.messages.map((message, index) => { return {message}; }); const number = props.log.length - index; const color = utils.generateMaterialColor(elem.originator.uri || elem.originator)['300']; const title = (<>{originator} {elem.action} {messages}); return ( {number}} /> ) } return ( Configuration events {`${index}`}} > ); }; ConferenceDrawerLog.propTypes = { log: PropTypes.array.isRequired }; export default ConferenceDrawerLog;