CSS fixing

Author: MrBlankCoding

Chrome/popup.js

@@ -100,6 +100,16 @@ document.addEventListener("DOMContentLoaded", async () => {
     item.className = "script-item";
     item.dataset.id = index;
 
+    // Icon
+    if (script.icon) {
+      const iconImg = document.createElement("img");
+      iconImg.src = script.icon;
+      iconImg.alt = "";
+      iconImg.className = "script-icon";
+      iconImg.onerror = () => iconImg.remove();
+      item.appendChild(iconImg);
+    }
+
     const toggleContainer = document.createElement("div");
     toggleContainer.className = "script-toggle";
 
@@ -122,19 +132,11 @@ document.addEventListener("DOMContentLoaded", async () => {
     label.appendChild(slider);
     toggleContainer.appendChild(label);
 
+    item.appendChild(toggleContainer);
+
     const info = document.createElement("div");
     info.className = "script-info";
 
-    // Icon
-    if (script.icon) {
-      const iconImg = document.createElement("img");
-      iconImg.src = script.icon;
-      iconImg.alt = "";
-      iconImg.className = "script-icon";
-      iconImg.onerror = () => iconImg.remove();
-      item.appendChild(iconImg);
-    }
-
     const name = document.createElement("div");
     name.className = "script-name";
     name.textContent = script.name;
@@ -160,7 +162,6 @@ document.addEventListener("DOMContentLoaded", async () => {
       chrome.tabs.create({ url: `editor.html?id=${script.id}` });
     });
 
-    item.appendChild(toggleContainer);
     item.appendChild(info);
 
     if (script.enabled === false) {

Chrome/styles/dashboard.css

@@ -313,6 +313,31 @@ tbody tr:hover {
   background: var(--primary-light);
 }
 
+/* Action Buttons */
+.script-actions {
+  white-space: nowrap;
+}
+
+.script-actions .icon-button {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: var(--space-xs);
+  flex-shrink: 0;
+}
+
+.script-actions .icon-button:last-child {
+  margin-right: 0;
+}
+
+.action-icon {
+  width: var(--space-md);
+  height: var(--space-md);
+  stroke: currentColor;
+  stroke-width: 2;
+  fill: none;
+}
+
 /* Toggle Switch */
 .toggle-switch {
   position: relative;

Chrome/styles/popup.css

@@ -161,14 +161,14 @@ button.primary:hover {
 /* Compact Script Items */
 .script-item {
   display: flex;
-  justify-content: space-between;
   align-items: center;
   padding: 8px 10px;
   border-radius: 4px;
   background-color: var(--bg-secondary);
   position: relative;
   border: 1px solid var(--border-primary);
   transition: var(--transition-all);
+  gap: 8px;
 }
 
 .script-item:hover {
@@ -219,6 +219,16 @@ button.primary:hover {
   font-family: var(--font-mono);
 }
 
+/* Script Icon Styling */
+.script-icon {
+  width: 16px;
+  height: 16px;
+  object-fit: contain;
+  border-radius: 2px;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+
 /* Compact Toggle Switch */
 .script-toggle {
   flex-shrink: 0;