From 88db2c1cf48b248b0259e41463b3173ff3ba9b50 Mon Sep 17 00:00:00 2001 From: "Mark Liang (You-Wen)" Date: Thu, 27 Sep 2018 01:59:33 +0800 Subject: [PATCH] UI Review German Edition (#950) * UI changes for longer text * UI changes for longer text --- app/base.css | 10 +++++++--- app/pages/welcome/welcome.css | 1 - app/templates/title/title.css | 1 + 3 files changed, 8 insertions(+), 4 deletions(-) diff --git a/app/base.css b/app/base.css index b0148c61..27707143 100644 --- a/app/base.css +++ b/app/base.css @@ -101,11 +101,15 @@ a { } .btn { - display: block; + display: flex; width: 100%; height: 70px; - line-height: 70px; - font-size: 21px; + line-height: 1.2; + align-items: center; + justify-content: center; + padding: 0 10px; + box-sizing: border-box; + font-size: 17px; font-weight: 500; text-transform: uppercase; text-align: center; diff --git a/app/pages/welcome/welcome.css b/app/pages/welcome/welcome.css index e6d1a653..defa299b 100644 --- a/app/pages/welcome/welcome.css +++ b/app/pages/welcome/welcome.css @@ -45,7 +45,6 @@ } .btn--file { - display: inline-block; background-color: #737373; } diff --git a/app/templates/title/title.css b/app/templates/title/title.css index 1f45a798..8b0c90a7 100644 --- a/app/templates/title/title.css +++ b/app/templates/title/title.css @@ -3,6 +3,7 @@ text-align: center; font-weight: 500; margin: 9px 0 19px 0; + padding: 0 42px; color: var(--lightTextColor); }