diff --git a/app/my-dashboard/my-dashboard.jade b/app/my-dashboard/my-dashboard.jade index 18d25b980..7a185a33d 100644 --- a/app/my-dashboard/my-dashboard.jade +++ b/app/my-dashboard/my-dashboard.jade @@ -14,10 +14,11 @@ .tco.tco17 .tc-banner-placeholder.black.bg-image - .title 2017 Topcoder Open - .subtitle The Ultimate Programming & Design tournament - .description Earn your way to the USA! - a(href="http://tco17.topcoder.com/").cta.tc-btn-white.tc-btn-radius Learn More + .container + .title 2017 Topcoder Open + .subtitle The Ultimate Programming & Design tournament + .description Earn your way to the USA! + a(href="http://tco17.topcoder.com/").cta.tc-btn-white.tc-btn-radius Learn More .srms(id="srms", ui-view="srms", ng-show="dashboard.showSRMs") diff --git a/assets/css/directives/tc-banner.scss b/assets/css/directives/tc-banner.scss index 3cd03af54..63f1790ae 100644 --- a/assets/css/directives/tc-banner.scss +++ b/assets/css/directives/tc-banner.scss @@ -150,33 +150,47 @@ $tco-color-dark: #ea690b; background-image: url(../../images/home-hero.jpg); background-size: 100%; height: 352px; - background-position: center 40%; + background-position: center 25%; background-repeat: no-repeat; + flex-direction: row; padding-top: 50px; + + .container { + width: 50%; + display: flex; + flex-direction: column; + align-items: flex-start; + margin-left: 37px; + height: 95%; + justify-content: space-between; - .title { - margin-top: 10px; - @include sofia-pro-bold; - color: $white; - } + .title { + margin-top: 10px; + @include sofia-pro-bold; + color: $white; + } - .subtitle { - margin-top: 20px; - width: 450px; - font-size: 20px; - @extend .title; - @include sofia-pro-regular; - } + .subtitle { + margin-top: 20px; + width: 450px; + font-size: 20px; + @extend .title; + @include sofia-pro-regular; + text-align: left; + } - .description { - margin-top: 20px; - margin-bottom: 5px; - } + .description { + margin-top: 20px; + margin-bottom: 5px; + } - .cta { - margin-top: 20px; + .cta { + margin-top: 20px; + } + } + } diff --git a/assets/images/home-hero.jpg b/assets/images/home-hero.jpg index 29183b413..fc349afce 100644 Binary files a/assets/images/home-hero.jpg and b/assets/images/home-hero.jpg differ