From 0e5f8059c5e6e9b44becf92117fad5e97139a36a Mon Sep 17 00:00:00 2001
From: Phuoc Nguyen <me@phuoc.ng>
Date: Tue, 30 Mar 2021 15:09:32 +0700
Subject: [PATCH] Optimize ad

---
 client/components/Ad.tsx |  4 +---
 client/components/ad.css | 13 ++++++-------
 2 files changed, 7 insertions(+), 10 deletions(-)

diff --git a/client/components/Ad.tsx b/client/components/Ad.tsx
index b03ea60..e955ffa 100644
--- a/client/components/Ad.tsx
+++ b/client/components/Ad.tsx
@@ -33,9 +33,7 @@ const Ad: React.FC<{}> = () => {
     }, []);
 
     return (
-        <div className='flex justify-center mx-4 my-6'>
-            <div ref={containerRef} />
-        </div>
+        <div ref={containerRef} />
     );
 };
 
diff --git a/client/components/ad.css b/client/components/ad.css
index 3a67768..7793eba 100644
--- a/client/components/ad.css
+++ b/client/components/ad.css
@@ -4,19 +4,18 @@
  */
 
 #carbonads {
-    background-color: #edf2f7;
-    padding: 0.5rem;
+    border: 1px solid rgba(0, 0, 0, .3);
+    border-radius: 0.5rem;
+    height: 9rem;
+    overflow: hidden;
     position: relative;
-    max-width: 24rem;
 }
 .carbon-wrap {
     display: flex;
 }
-
-.carbon-img {
-    margin-right: 0.5rem;
+.carbon-text {
+    padding: 0.5rem;
 }
-
 .carbon-poweredby {
     bottom: 0;
     font-size: 0.75rem;