style

src/lib/components/Piclets/PicletCard.svelte

@@ -17,7 +17,7 @@
 
 <button
   class="piclet-card"
-  style="width: {size}px; height: {size + 50}px; --type-color: {typeColor}; --soft-type-color: {softTypeColor}; --type-logo: url('{typeLogoPath}');"
+  style="width: {size}px; --type-color: {typeColor}; --soft-type-color: {softTypeColor}; --type-logo: url('{typeLogoPath}');"
   onclick={onClick}
   type="button"
 >
@@ -35,9 +35,6 @@
     <p class="nickname">{piclet.nickname || piclet.objectName}</p>
     <div class="info-row">
       <span class="type-badge">{piclet.primaryType}</span>
-      {#if piclet.scanCount}
-        <span class="scan-count">×{piclet.scanCount}</span>
-      {/if}
     </div>
   </div>
 
@@ -77,7 +74,6 @@
     align-items: center;
     justify-content: center;
     background: linear-gradient(135deg, var(--soft-type-color) 0%, rgba(255, 255, 255, 0.9) 100%);
-    overflow: hidden;
   }
 
   .logo-watermark {
@@ -104,7 +100,8 @@
   }
 
   .tier-banner {
-    padding: 4px 8px;
+    width: 100%;
+    padding: 4px 12px;
     font-size: 9px;
     font-weight: bold;
     text-transform: uppercase;
@@ -130,6 +127,7 @@
   }
 
   .details-section {
+    width: 100%;
     padding: 8px;
     display: flex;
     flex-direction: column;