From d9719e4f2fc01370129f2f6a67d34857e5e7002a Mon Sep 17 00:00:00 2001
From: agatemosu <agaatem@outlook.com>
Date: Tue, 23 Jul 2024 21:48:10 +0200
Subject: [PATCH] Rename tier element class and remove `buttons-container` id

---
 index.html      | 2 +-
 script.js       | 2 +-
 styles/main.css | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/index.html b/index.html
index fabd245..b4761e0 100644
--- a/index.html
+++ b/index.html
@@ -262,7 +262,7 @@
 			</div>
 		</main>
 
-		<div id="buttons-container">
+		<div class="buttons-container">
 			<button class="button" type="button" onclick="addRow()">New tier</button>
 
 			<button class="button" type="button" onclick="selectImages()">
diff --git a/script.js b/script.js
index 3fc972b..8e9ebce 100644
--- a/script.js
+++ b/script.js
@@ -190,7 +190,7 @@ function uploadImages(files) {
 		image.src = URL.createObjectURL(file);
 
 		const imageEl = document.createElement("div");
-		imageEl.classList.add("image");
+		imageEl.classList.add("tier-element");
 		imagesBar.appendChild(imageEl);
 
 		image.onload = () => {
diff --git a/styles/main.css b/styles/main.css
index 305c0eb..5a2f4b4 100644
--- a/styles/main.css
+++ b/styles/main.css
@@ -146,7 +146,7 @@ p {
 	filter: contrast(0%);
 }
 
-#buttons-container {
+.buttons-container {
 	border-bottom: 1px solid var(--buttons-color);
 	background-color: var(--buttons-bg);
 	text-align: center;
@@ -194,7 +194,7 @@ input[type="checkbox"]:checked + label::before {
 	background-color: var(--button-hover);
 }
 
-.image {
+.tier-element {
 	display: inline-flex;
 	vertical-align: top;
 	cursor: pointer;