From a9185baf999e4566292f401867b56a3658673a93 Mon Sep 17 00:00:00 2001
From: cosmo <cptncosmo@gmail.com>
Date: Sun, 26 Apr 2026 19:11:35 +0200
Subject: [PATCH] refactor: increase augment description length and update
 motherboard card layout to support multiline text

---
 scripts/ikonis-data.js           | 6 +++---
 templates/ikonis-motherboard.hbs | 9 ++++-----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/scripts/ikonis-data.js b/scripts/ikonis-data.js
index 7907b02..51381db 100644
--- a/scripts/ikonis-data.js
+++ b/scripts/ikonis-data.js
@@ -26,11 +26,11 @@ export function getAugments() {
         const name = feature.label || feature.name || "";
         if (name.startsWith("Ikonis:")) {
             augments.push({
-                id: id, // This is the native system key (e.g., "force" or "ikonis-guard")
+                id: id,
                 name: name.replace("Ikonis:", "").trim(),
                 fullName: name,
-                effect: feature.description ? feature.description.replace(/<[^>]*>?/gm, '').substring(0, 100) + "..." : "Native Feature",
-                cost: "Homebrew"
+                effect: feature.description ? feature.description.replace(/<[^>]*>?/gm, '').substring(0, 200).trim() : "Native Feature",
+                cost: "" // Cost is included in the description
             });
         }
     }
diff --git a/templates/ikonis-motherboard.hbs b/templates/ikonis-motherboard.hbs
index c441293..793d6b6 100644
--- a/templates/ikonis-motherboard.hbs
+++ b/templates/ikonis-motherboard.hbs
@@ -28,14 +28,13 @@
         
         <div class="augments-list" style="display: grid; grid-template-columns: 1fr 1fr; gap: 1rem;">
             {{#each ikonis.augments as |aug|}}
-            <div class="augment-item motherboard-card" style="padding: 1rem; background: rgba(255,255,255,0.02); border: 1px solid #2d3436; border-radius: 8px; position: relative;">
+            <div class="augment-item motherboard-card" style="padding: 1rem; background: rgba(255,255,255,0.02); border: 1px solid #2d3436; border-radius: 8px; position: relative; min-height: 80px; display: flex; flex-direction: column;">
                 <a class="remove-btn" data-action="removeAugment" data-id="{{aug.id}}" style="position: absolute; top: 0.5rem; right: 0.5rem; color: #666; cursor: pointer;"><i class="fa-solid fa-trash-alt"></i></a>
-                <div style="display: flex; gap: 0.75rem; align-items: center; margin-bottom: 0.5rem;">
+                <div style="display: flex; gap: 0.75rem; align-items: center; margin-bottom: 0.25rem;">
                     <span class="aug-name" style="font-weight: bold; font-size: 1.1rem; color: #ffffff;">{{aug.name}}</span>
                 </div>
-                <div class="aug-stats" style="font-size: 0.9rem; color: #a4b0be;">
-                    <div class="effect">{{aug.effect}}</div>
-                    <div class="cost" style="font-style: italic; margin-top: 0.25rem;">Cost: {{aug.cost}}</div>
+                <div class="aug-stats" style="font-size: 0.9rem; color: #a4b0be; flex: 1; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; line-height: 1.25;">
+                    {{aug.effect}}
                 </div>
             </div>
             {{else}}