From 845b70f52c6ede0104f181110e68eb8931a31431 Mon Sep 17 00:00:00 2001
From: Raphael Wickihalder <raphael.wickihalder@odysee.com>
Date: Fri, 17 Jun 2022 12:20:35 +0200
Subject: [PATCH] Adjust ad design

---
 ui/scss/component/_ads.scss | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/ui/scss/component/_ads.scss b/ui/scss/component/_ads.scss
index 5b5eb9eb0..6108c22f2 100644
--- a/ui/scss/component/_ads.scss
+++ b/ui/scss/component/_ads.scss
@@ -42,7 +42,18 @@
     background-image: url('~ui/component/membershipSplash/astronaut_n_friends.png');
     background-size: 100%;
     border-radius: var(--border-radius);
-    box-shadow: 0 0 0 1px rgba(var(--color-primary-dynamic), 0.1) inset;
+    box-shadow: 0 0 0 1px var(--color-header-background) inset;
+
+    .avp-p-wrapper {
+      background-color: unset !important;
+      .avp-content-container {
+        background-color: unset !important;
+        // box-shadow: 0 0 0 1px black inset;
+        div {
+          background-color: unset !important;
+        }
+      }
+    }
 
     video {
       width: 100% !important;
@@ -326,15 +337,24 @@
 .OUTBRAIN {
   // border-radius: var(--border-radius) 0 0 0 !important;
   height: unset !important;
-  background-color: var(--color-ads-background);
-  -webkit-backdrop-filter: blur(4px);
-  backdrop-filter: blur(4px);
-  padding: var(--spacing-xxs);
 
   .ob-widget .ob-unit.ob-rec-text {
     font-size: 12px !important;
   }
 
+  .ob-widget {
+    padding: var(--spacing-xxs);
+    background-color: var(--color-ads-background);
+    -webkit-backdrop-filter: blur(4px);
+    backdrop-filter: blur(4px);
+
+    .ob_what {
+      background: var(--color-header-background);
+      border-radius: 10px;
+      padding: 0 !important;
+    }
+  }
+
   &:not(.banner-ad__container) {
     border-radius: var(--border-radius) !important;
     overflow: hidden;