diff --git a/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor b/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor
index 64166c4..be23df5 100644
--- a/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor
+++ b/ShoppingAssistantWebClient.Web/Shared/MainLayout.razor
@@ -12,4 +12,5 @@
@Body
+ As an Amazon Associate we earn from qualifying purchases.
\ No newline at end of file
diff --git a/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor b/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor
index 2c856d7..1cbdd52 100644
--- a/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor
+++ b/ShoppingAssistantWebClient.Web/Shared/NavMenu.razor
@@ -69,6 +69,8 @@
function changetyle() {
var left_frame = document.querySelector('.sidebar-menu');
var right_frame = document.querySelector('.right-frame');
+ var amazonAssociate = document.querySelector('.amazon-associate');
+
var computedStyles = getComputedStyle(left_frame);
var transformValue = computedStyles.transform;
var button_open = document.querySelector('.button_open_menu');
@@ -77,11 +79,13 @@
left_frame.style.transform = 'translateX(-110%)';
button_open.style.visibility = 'visible';
right_frame.style.left = '1.25em';
+ amazonAssociate.style.left='50%'
} else {
left_frame.style.transform = 'translateX(0)';
button_open.style.visibility = 'hidden';
right_frame.style.left = '23.25em';
+ amazonAssociate.style.left='calc(50% + 20em)'
}
}
document.getElementById('button_close').addEventListener('click', changetyle);
diff --git a/ShoppingAssistantWebClient.Web/wwwroot/css/MainLayout.css b/ShoppingAssistantWebClient.Web/wwwroot/css/MainLayout.css
index a111657..110c8f5 100644
--- a/ShoppingAssistantWebClient.Web/wwwroot/css/MainLayout.css
+++ b/ShoppingAssistantWebClient.Web/wwwroot/css/MainLayout.css
@@ -22,4 +22,18 @@
top: 1.25em;
bottom: 1.25em;
transition: 1s;
+}
+.amazon-associate {
+ position: fixed;
+ bottom: 0;
+ left: calc(50% + 20em);
+ transform: translateX(-50%);
+ font-size: 0.7em;
+ color: #000;
+ text-decoration: none;
+ cursor: none;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ transition: 1s;
}
\ No newline at end of file