From e61a67c14fad1a58c849b8cd4c339b8c0834d855 Mon Sep 17 00:00:00 2001
From: counterweight <counterweightoperator@protonmail.com>
Date: Sat, 5 Apr 2025 12:52:57 +0200
Subject: [PATCH] id style to class

---
 public/css/offers.css     | 4 ++--
 src/front/pages/offers.js | 5 ++---
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/public/css/offers.css b/public/css/offers.css
index 5d4f833..4d62410 100644
--- a/public/css/offers.css
+++ b/public/css/offers.css
@@ -248,11 +248,11 @@
   justify-content: end;
 }
 
-#premium-area > * {
+.premium-area > * {
   display: block;
 }
 
-#premium-content-area {
+.premium-content-area {
   width: 80%;
   height: 50px;
   align-items: center;
diff --git a/src/front/pages/offers.js b/src/front/pages/offers.js
index fd73a64..6371340 100644
--- a/src/front/pages/offers.js
+++ b/src/front/pages/offers.js
@@ -49,7 +49,6 @@ class CreateOfferModal {
     controls.appendChild(title);
 
     const buyOrSellDiv = document.createElement('div');
-    buyOrSellDiv.id = 'buy-or-sell-area';
     buyOrSellDiv.className = 'create-offer-step';
     this.buyOrSellButtonGroup = new BuyOrSellButtonGroup({
       parentElement: buyOrSellDiv,
@@ -58,13 +57,13 @@ class CreateOfferModal {
     controls.appendChild(buyOrSellDiv);
 
     const premiumDiv = document.createElement('div');
-    premiumDiv.id = 'premium-area';
+    premiumDiv.classList = 'premium-area';
     premiumDiv.className = 'create-offer-step';
     const premiumHeading = document.createElement('h3');
     premiumHeading.textContent = 'Premium';
     premiumDiv.appendChild(premiumHeading);
     const premiumContentDiv = document.createElement('div');
-    premiumContentDiv.id = 'premium-content-area';
+    premiumContentDiv.classList = 'premium-content-area';
     premiumDiv.appendChild(premiumContentDiv);
     controls.appendChild(premiumDiv);