Merge pull request #1081 from shizhouxing/dev

Issue #1058

Author: birdofpreyru

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")
 

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;
+    }
+    
   }
+
 }