From 360bf761c0687965c1f10e7a87428c9af2b26df2 Mon Sep 17 00:00:00 2001 From: Vitaly Takmazov Date: Fri, 5 Apr 2019 16:09:51 +0300 Subject: Styling and layout --- vnext/src/components/Message.css | 19 +++++----------- vnext/src/components/Message.js | 24 ++++++++------------ vnext/src/components/UserInfo.js | 47 +++++++++++++++++++++++++--------------- vnext/src/style/main.css | 1 - 4 files changed, 44 insertions(+), 47 deletions(-) diff --git a/vnext/src/components/Message.css b/vnext/src/components/Message.css index 9bc05dc6..55bed2f2 100644 --- a/vnext/src/components/Message.css +++ b/vnext/src/components/Message.css @@ -9,13 +9,14 @@ .msg-cont .msg-header { padding: 12px; } -.msg-cont > nav.l { +.msg-cont > .l { border-top: 1px solid #eee; display: flex; + align-items: center; justify-content: space-around; background: #fdfdfe; } -.msg-cont > nav.l a { +.msg-cont > .l a { color: #88958d; margin-right: 15px; font-size: small; @@ -31,17 +32,6 @@ display: inline-block; font-size: small; } -.l .msg-button { - align-items: center; - display: flex; - flex-basis: 0; - flex-direction: row; - flex-grow: 1; - padding-top: 12px; -} -.l .msg-button-icon { - font-weight: bold; -} .msgthread { margin-bottom: 0; } @@ -144,7 +134,8 @@ blockquote { overflow: hidden; text-indent: 10px; } -.msg-summary { +.msg-summary, +.msg-summary a { color: #88958d; font-size: small; padding: 12px; diff --git a/vnext/src/components/Message.js b/vnext/src/components/Message.js index 3d063114..c63c5750 100644 --- a/vnext/src/components/Message.js +++ b/vnext/src/components/Message.js @@ -41,34 +41,28 @@ function Message({ data, visitor, children, ...rest }) {