diff --git a/app/assets/styles/blink/_HistoryTileBox.scss b/app/assets/styles/blink/_HistoryTileBox.scss
index c11ae7a..4920df0 100644
--- a/app/assets/styles/blink/_HistoryTileBox.scss
+++ b/app/assets/styles/blink/_HistoryTileBox.scss
@@ -1,37 +1,37 @@
.portraitContainer {
flex: 1;
flex-direction: column;
}
.contactsPortraitContainer {
flex: 1;
flex-direction: column;
}
.chatPortraitContainer {
flex: 6;
- margin-top: 20px;
+ margin-top: 15px;
}
.landscapeContainer {
flex: 1;
flex-direction: row;
}
.contactsLandscapeContainer {
flex: 1;
flex-direction: row;
}
.chatLandscapeContainer {
flex: 1;
}
.chatBorder {
border-width: 0px;
margin: 1px;
border-radius: 5px;
border-color: gray;
}
diff --git a/app/components/UserIcon.js b/app/components/UserIcon.js
index bbdf6ec..e656ae0 100644
--- a/app/components/UserIcon.js
+++ b/app/components/UserIcon.js
@@ -1,62 +1,62 @@
import React, { useEffect, useState } from 'react';
import PropTypes from 'prop-types';
import utils from '../utils';
import { Text, View } from 'react-native'
import { Avatar, Badge, withBadge } from 'react-native-paper';
import BadgeView from 'react-native-badge-view';
const UserIcon = (props) => {
if (!props.identity) {
return (null)
}
const name = props.identity.displayName || props.identity.uri;
const photo = props.identity.photo;
let initials = '';
if (name) {
initials = name.split(' ', 2).map(x => x[0]).join('');
}
const color = utils.generateMaterialColor(props.identity.uri)['300'];
- let avatarSize = props.large ? 130: 55;
+ let avatarSize = props.large ? 130: 60;
if (props.carousel === true) {
avatarSize = 70;
}
if (photo) {
return (
}
badgeText={props.unread}/>
);
}
if (props.identity.uri && props.identity.uri.search('anonymous') !== -1) {
return (
}
badgeText={props.unread}/>
);
}
if (props.identity.uri && props.identity.uri.search('videoconference') !== -1) {
return (
}
badgeText={props.unread}/>
);
}
return (
}
badgeText={props.unread}/>
);
};
UserIcon.propTypes = {
identity: PropTypes.object.isRequired,
large: PropTypes.bool,
unread: PropTypes.string,
carousel: PropTypes.bool
};
export default UserIcon;