From 4c9725ed723dec8d872a3b61793e1eb19e99ff14 Mon Sep 17 00:00:00 2001
From: Philipp Kief <philipp.kief@gmx.de>
Date: Mon, 13 Nov 2023 20:02:26 +0100
Subject: [PATCH] Update styles

---
 src/core/styles.ts | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/core/styles.ts b/src/core/styles.ts
index 9ab6208..d3938a4 100644
--- a/src/core/styles.ts
+++ b/src/core/styles.ts
@@ -1,13 +1,13 @@
 export const previewStyles = `
     :root { --main-bg-color: #1e1e1e; --dark-theme-bg-color: #1e1e1e; --dark-theme-font-color: #fafafa; --light-theme-bg-color: #f3f3f3; --light-theme-font-color: #424242; }
     body { margin: 0; padding: 0; font-family: arial, sans-serif; border-collapse: collapse; width: 100%; background: var(--main-bg-color); font-size: 1rem; }
-    .theme-review { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; max-width: 500px; }
+    .theme-review { display: grid; grid-template-columns: 200px 200px; grid-template-rows: 1fr; width: 400px; }
     .theme-review ul { list-style: none; padding: 0; margin: 0; }
-    .theme-container { padding: 20px; }
-    .theme-container > h2 { font-size: 1.25rem; margin-top: 0; }
+    .theme-container { padding: 10px; }
+    .theme-container > h2 { font-size: 1rem; margin-top: 0; }
     .theme-container.dark { color: var(--dark-theme-font-color); background: var(--dark-theme-bg-color); }
     .theme-container.light { color: var(--light-theme-font-color); background: var(--light-theme-bg-color); }
-    .icon { display: flex; align-items: center; }
+    .icon { display: grid; align-items: center; grid-template-columns: 20px auto; }
     .icon-preview { content: " "; background-size: 16px; background-position: 0; background-repeat: no-repeat; padding-right: 6px; width: 16px; height: 22px; }
-    .icon > span { font-size: 13px; }
+    .icon > span { font-size: 13px; text-overflow: ellipsis; overflow: hidden; }
 `;