From f9e8d0ce9cb50f1348bcdf0a72dca7cfcfd3e544 Mon Sep 17 00:00:00 2001
From: Tobias Merkle <tgamerkle@gmail.com>
Date: Thu, 30 May 2024 17:03:24 -0400
Subject: [PATCH] more style

---
 kinode/packages/app_store/app_store/src/lib.rs | 3 ++-
 kinode/packages/kino_updates/widget/src/lib.rs | 2 +-
 2 files changed, 3 insertions(+), 2 deletions(-)

diff --git a/kinode/packages/app_store/app_store/src/lib.rs b/kinode/packages/app_store/app_store/src/lib.rs
index fe797c4e..b1e23dd9 100644
--- a/kinode/packages/app_store/app_store/src/lib.rs
+++ b/kinode/packages/app_store/app_store/src/lib.rs
@@ -157,10 +157,11 @@ fn get_widget() -> String {
                         a.href = `/main:app_store:sys/app-details/${app.package}:${app.publisher}` 
                         a.target = '_blank';
                         a.rel = 'noopener noreferrer';
+                        const iconLetter = app.metadata_hash.replace('0x', '')[0].toUpperCase();
                         a.innerHTML = `<div
                             class="app-image rounded mr-2 grow"
                             style="
-                                background-image: url('${app.metadata.image || `/icons/${Math.floor(Math.random() * 10)}`}');
+                                background-image: url('${app.metadata.image || `/icons/${iconLetter}`}');
                                 height: 92px;
                                 width: 92px;
                                 max-width: 33%;
diff --git a/kinode/packages/kino_updates/widget/src/lib.rs b/kinode/packages/kino_updates/widget/src/lib.rs
index 371f6457..08f3c040 100644
--- a/kinode/packages/kino_updates/widget/src/lib.rs
+++ b/kinode/packages/kino_updates/widget/src/lib.rs
@@ -124,7 +124,7 @@ fn trim_content(content: &str) -> String {
 fn post_to_html_string(post: KinodeBlogPost) -> String {
     format!(
         r#"<a 
-            class="post p-2 grow self-stretch flex items-stretch rounded-lg shadow bg-white/10 font-sans w-full"
+            class="post p-2 grow self-stretch flex items-stretch rounded-lg shadow bg-white/10 hover:bg-white/20 font-sans w-full"
             href="https://kinode.org/blog/post/{}"
             target="_blank" 
             rel="noopener noreferrer"