diff --git a/app.css b/app.css index 8c4f7eb..d3b9b7c 100644 --- a/app.css +++ b/app.css @@ -64,6 +64,7 @@ height: 72px; box-sizing: border-box; border: 0px; + font-size: 14px; } &.builtin.tags { @@ -103,15 +104,16 @@ } h4 { - font-size: 11px; + font-size: 14px; color: #999; font-weight: normal; + margin-bottom: 10px; } p { - font-size: 12px; - color: #333; - line-height: 1.5; + font-size: 14px; + color: #555; + line-height: 1.4; } } } @@ -170,14 +172,14 @@ } .avatar { - width: 40px; - height: 40px; + width: 50px; + height: 50px; float: left; &.default { background-image: app-asset-url("avatar.png"); background-size: cover; - border-radius: 4px; + border-radius: 50px; &.org { background-image: app-asset-url("org.png"); @@ -185,27 +187,24 @@ } img { - border-radius: 4px; + border-radius: 50px; } } .contacts { - margin-left: 55px; + margin-left: 65px; div { color: #999; - font-size: 11px; - margin-bottom: 3px; + font-size: 14px; word-wrap: break-word; &.name { - font-size: 14px; - line-height: 1.286; - font-weight: bold; - margin-bottom: 4px; + font-size: 16px; + font-weight: 600; a { - color: #444; + color: #555; } } @@ -227,32 +226,35 @@ .counts { margin: 0px; - margin-top: 9px; + margin-top: 30px; li { display: inline-block; - font-size: 11px; + font-size: 12px; color: #999; width: 50px; - line-height: 1.286; + line-height: 1.486; a { color: #999; + position: relative; + top: 2px; } .ticket_status_label { - font-size: 9px; - line-height: 13px; + font-size: 10px; + line-height: 14px; padding: 0; padding-left: 4px; padding-right: 4px; - height: 4px; + height: 15px; display: inline-block; vertical-align: middle; box-sizing: border-box; white-space: nowrap; text-align: center; opacity: 0.6; + width: 15px; } } } @@ -264,7 +266,7 @@ padding-top: 0px; padding-bottom: 15px; display: block; - margin-top: 20px; + margin-top: 30px; .arrow { margin-top: 12px;