Samsung Monitor Firmware Updater â—‰

.badge background: #1f2a3e; padding: 0.3rem 0.9rem; border-radius: 40px; font-size: 0.75rem; font-weight: 500; color: #90caf9; border: 1px solid #2c3e66;

.release-badge background: #1d4c6e; display: inline-block; padding: 2px 8px; border-radius: 30px; font-size: 0.65rem; margin-top: 6px; color: #b9e2ff;

// Render firmware selection cards function renderFirmwareOptions() fwSelectorDiv.innerHTML = ""; firmwareOptions.forEach(fw => const optionDiv = document.createElement("div"); optionDiv.className = "fw-option"; if (selectedFirmwareObj && selectedFirmwareObj.id === fw.id) optionDiv.classList.add("selected"); // if no selection and this is recommended, auto select? we'll set default after render optionDiv.innerHTML = ` <div class="fw-version-name">$fw.version</div> <div class="fw-desc">$fw.description</div> <div class="release-badge">📅 $fw.releaseDate $fw.recommended ? '★ Recommended' : ''</div> `; optionDiv.addEventListener("click", () => if (isUpdating) addLogEntry("Update in progress, please wait until finished.", true); return; // remove selected from all document.querySelectorAll(".fw-option").forEach(opt => opt.classList.remove("selected")); optionDiv.classList.add("selected"); selectedFirmwareObj = fw; addLogEntry(`Selected firmware: $fw.version ($fw.description.substring(0, 50))`); // enable button updateBtn.disabled = false; ); fwSelectorDiv.appendChild(optionDiv); );

.firmware-selector display: flex; flex-wrap: wrap; gap: 1rem; margin-bottom: 1.5rem;