diff --git a/src/sass/variables.scss b/src/sass/variables.scss index 54e56b9ec..f2e31ee55 100644 --- a/src/sass/variables.scss +++ b/src/sass/variables.scss @@ -4,6 +4,7 @@ $soft-blue: #647ce8; $subtle-gray: #f5f5f5; $roboto: "Roboto", sans-serif; $roboto-light: "Roboto-Light", sans-serif-light; +$dark-gray: #445; $mid-gray: #667; $light-gray: #9b9bab; diff --git a/src/sass/views/tab-home.scss b/src/sass/views/tab-home.scss index fadcafe6c..c4dc7f1ad 100644 --- a/src/sass/views/tab-home.scss +++ b/src/sass/views/tab-home.scss @@ -65,27 +65,31 @@ padding-bottom: 27px; } .homeTip { + text-align: center; + & > .item-heading { + margin-top: 10px; + background: 0 none; + } .item { border-style: none; } - div { - text-align: center; - margin-top: 20px; - margin-bottom: 20px; - } - .title { + & > .title { font-size: 20px; font-weight: bold; + color: $dark-gray; + margin: 20px 10px; } - .subtitle{ - margin-left: 25px; - margin-right: 25px; - font-size: 18px; - font-weight: 100; + & > .subtitle { + font-size: 1rem; + line-height: 1.5em; + font-weight: 300; + color: $dark-gray; + margin: 20px 3em 2.5em; } .big-icon-svg{ .bg.green{ padding: 0 10px; + box-shadow: none; } } }