From 438ae4ee786d3a5a12cdf2f5f0a735ff4532b854 Mon Sep 17 00:00:00 2001
From: skirtle <65301168+skirtles-code@users.noreply.github.com>
Date: Sat, 9 Jan 2021 23:45:37 +0000
Subject: [PATCH] fix: try to prevent Carbon Ads from causing problems

---
 src/.vuepress/theme/components/CarbonAds.vue | 24 ++++++++------------
 src/.vuepress/theme/layouts/Layout.vue       | 16 -------------
 2 files changed, 9 insertions(+), 31 deletions(-)

diff --git a/src/.vuepress/theme/components/CarbonAds.vue b/src/.vuepress/theme/components/CarbonAds.vue
index c9c8f1f7f9..98e53cc30d 100644
--- a/src/.vuepress/theme/components/CarbonAds.vue
+++ b/src/.vuepress/theme/components/CarbonAds.vue
@@ -28,29 +28,28 @@ export default {
 <style>
 .carbon-ads {
   min-height: 102px;
-  padding: 1.5rem 1.5rem 0;
-  margin-bottom: -0.5rem;
   font-size: 0.75rem;
 
   width: 125px;
   position: fixed;
   z-index: 1;
-  bottom: 22px;
+  bottom: 14px;
   right: 14px;
   padding: 10px;
   border-radius: 4px;
   background-color: rgba(255, 255, 255, 0.8);
-  /* background-color: #fff; */
-  /* font-size: 13px; */
 }
 
-@media screen and (max-width: 1300px) {
+@media screen and (max-width: 1376px) {
   .carbon-ads {
     position: relative;
-    top: 87px;
-    right: 12px;
+    bottom: auto;
+    right: auto;
+
     float: right;
-    padding: 0 0 20px 30px;
+    margin: 71px 12px 0 15px;
+    padding: 0 0 10px 10px;
+    z-index: 5;
   }
 }
 
@@ -60,14 +59,9 @@ export default {
   display: inline;
 }
 
-.carbon-ads .carbon-img {
-  float: left;
-  margin-right: 1rem;
-  border: 1px solid var(--border-color);
-}
-
 .carbon-ads .carbon-img img {
   display: block;
+  width: 125px;
 }
 
 .carbon-ads .carbon-poweredby {
diff --git a/src/.vuepress/theme/layouts/Layout.vue b/src/.vuepress/theme/layouts/Layout.vue
index 82666fbebf..e7890e088c 100644
--- a/src/.vuepress/theme/layouts/Layout.vue
+++ b/src/.vuepress/theme/layouts/Layout.vue
@@ -155,19 +155,3 @@ export default {
   }
 }
 </script>
-
-<style>
-/* add a placeholder to give space to ads so they don't overlap with content */
-@media screen and (max-width: 1376px) {
-  .content__default::before {
-    content: '';
-    position: relative;
-    display: block;
-    float: right;
-    height: 221px;
-    padding: 0 0 20px 30px;
-    margin-top: 20px;
-    margin-right: -24px;
-  }
-}
-</style>