From 569ee8ca7892f9e76c1da64c0d7f3325dac516eb Mon Sep 17 00:00:00 2001
From: "Rico Sta. Cruz" <rstacruz@users.noreply.github.com>
Date: Wed, 30 Aug 2017 21:05:24 +0800
Subject: [PATCH] Make ads look less weird

---
 _sass/2017/components/headline-ad.scss | 18 +++++++++++++++++-
 _sass/2017/components/side-ad.scss     | 16 +++++++++++++++-
 2 files changed, 32 insertions(+), 2 deletions(-)

diff --git a/_sass/2017/components/headline-ad.scss b/_sass/2017/components/headline-ad.scss
index 29e7d7e2c..156e62ebd 100644
--- a/_sass/2017/components/headline-ad.scss
+++ b/_sass/2017/components/headline-ad.scss
@@ -21,7 +21,7 @@
   &,
   & > div > span {
     min-width: 130px + 16px + 64px;
-    max-width: 400px;
+    max-width: 380px;
     height: 100px;
   }
 
@@ -41,4 +41,20 @@
     float: right;
     margin-left: 16px;
   }
+
+  .carbon-text:first-line {
+    @include font-size(1);
+    color: $base-head;
+    font-weight: 300;
+    margin-bottom: -0.02em;
+  }
+
+  .carbon-poweredby::before {
+    display: block;
+    content: '';
+    width: 32px;
+    height: 1px;
+    background: $dark-line-color;
+    margin: 8px (130px + 16px) 8px auto;
+  }
 }
diff --git a/_sass/2017/components/side-ad.scss b/_sass/2017/components/side-ad.scss
index 47bf55cb3..019c9c973 100644
--- a/_sass/2017/components/side-ad.scss
+++ b/_sass/2017/components/side-ad.scss
@@ -7,13 +7,27 @@
     right: 32px;
     top: 80px;
     width: 130px;
-    text-align: right;
+    text-align: left;
 
     .carbon-img {
       margin-bottom: 16px;
     }
   }
 
+  .carbon-text:first-line {
+    color: $base-head;
+    font-weight: bold;
+  }
+
+  .carbon-poweredby::before {
+    display: block;
+    content: '';
+    width: 32px;
+    height: 1px;
+    background: $dark-line-color;
+    margin: 12px 0;
+  }
+
   @media (max-width: 960px) {
     & {
       margin: 16px auto;