From 1d1c74534fff8bdb875069121126f846b6203445 Mon Sep 17 00:00:00 2001
From: marlon-erler <viridian035@gmail.com>
Date: Mon, 15 Jul 2024 22:04:29 +0200
Subject: [PATCH] improve UI

---
 dist/index.js                         | 10 +++++-----
 src/Views/Objects/allObjectsView.tsx  |  4 ++--
 src/Views/Objects/noteObjectsView.tsx |  2 +-
 src/Views/Objects/objectGridView.tsx  |  2 +-
 src/Views/Objects/objectPane.tsx      |  4 ++--
 5 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/dist/index.js b/dist/index.js
index d52cd237..2c176623 100644
--- a/dist/index.js
+++ b/dist/index.js
@@ -1593,7 +1593,7 @@
     return /* @__PURE__ */ createElement(
       "div",
       {
-        class: "grid gap padding",
+        class: "grid gap",
         style: "grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));",
         "children:prepend": [messageObjects, objectConverter]
       }
@@ -1606,7 +1606,7 @@
       [chat.objects],
       () => chat.objects.value.size
     );
-    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding-top" }, /* @__PURE__ */ createElement("b", { class: "secondary padding" }, translation.objectsInTotal, " ", /* @__PURE__ */ createElement("span", { "subscribe:innerText": objectCount })), ObjectGridView(
+    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding flex-column gap" }, /* @__PURE__ */ createElement("b", { class: "secondary" }, translation.objectsInTotal, " ", /* @__PURE__ */ createElement("span", { "subscribe:innerText": objectCount })), ObjectGridView(
       chat,
       messageObjects,
       selectedObject,
@@ -1750,7 +1750,7 @@
         () => notes.remove(messageObject)
       );
     });
-    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v" }, ObjectGridView(chat, notes, selectedObject, isShowingObjectModal));
+    return /* @__PURE__ */ createElement("div", { class: "width-100 height-100 scroll-v padding" }, ObjectGridView(chat, notes, selectedObject, isShowingObjectModal));
   }
 
   // src/Views/Objects/objectDetailModal.tsx
@@ -2172,7 +2172,7 @@
         class: "object-content width-100 height-100 flex scroll-no",
         "children:set": mainView
       }
-    ), /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isShowingFilterModel }, /* @__PURE__ */ createElement("div", { style: "max-width: 2084px" }, /* @__PURE__ */ createElement("main", null, /* @__PURE__ */ createElement("h2", null, translation.filterObjects), /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "search"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.searchByTitle), /* @__PURE__ */ createElement(
+    ), /* @__PURE__ */ createElement("div", { class: "modal", "toggle:open": isShowingFilterModel }, /* @__PURE__ */ createElement("div", { style: "max-width: 2084px" }, /* @__PURE__ */ createElement("main", { class: "gap" }, /* @__PURE__ */ createElement("h2", null, translation.filterObjects), /* @__PURE__ */ createElement("div", { class: "flex-column" }, /* @__PURE__ */ createElement("label", { class: "tile" }, /* @__PURE__ */ createElement("span", { class: "icon" }, "search"), /* @__PURE__ */ createElement("div", null, /* @__PURE__ */ createElement("span", null, translation.searchByTitle), /* @__PURE__ */ createElement(
       "input",
       {
         "bind:value": filterInput,
@@ -2187,7 +2187,7 @@
         "toggle:disabled": cannotReset
       },
       translation.reset
-    ), /* @__PURE__ */ createElement("button", { class: "width-50 flex primary", "on:click": applyFilter }, translation.search, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward"))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("span", { class: "secondary", "subscribe:innerText": resultText }), ObjectGridView(
+    ), /* @__PURE__ */ createElement("button", { class: "width-50 flex primary", "on:click": applyFilter }, translation.search, /* @__PURE__ */ createElement("span", { class: "icon" }, "arrow_forward"))), /* @__PURE__ */ createElement("hr", null), /* @__PURE__ */ createElement("b", { class: "secondary", "subscribe:innerText": resultText }), ObjectGridView(
       chat,
       showingMessageObjects,
       selectedObject,
diff --git a/src/Views/Objects/allObjectsView.tsx b/src/Views/Objects/allObjectsView.tsx
index d68308a3..fc2a43fa 100644
--- a/src/Views/Objects/allObjectsView.tsx
+++ b/src/Views/Objects/allObjectsView.tsx
@@ -17,8 +17,8 @@ export function AllObjectsView(
   );
 
   return (
-    <div class="width-100 height-100 scroll-v padding-top">
-      <b class="secondary padding">
+    <div class="width-100 height-100 scroll-v padding flex-column gap">
+      <b class="secondary">
         {translation.objectsInTotal}{" "}
         <span subscribe:innerText={objectCount}></span>
       </b>
diff --git a/src/Views/Objects/noteObjectsView.tsx b/src/Views/Objects/noteObjectsView.tsx
index 8615ed7e..ba2f6c1d 100644
--- a/src/Views/Objects/noteObjectsView.tsx
+++ b/src/Views/Objects/noteObjectsView.tsx
@@ -22,7 +22,7 @@ export function NoteObjectsView(
     );
   });
 
-  return <div class="width-100 height-100 scroll-v">
+  return <div class="width-100 height-100 scroll-v padding">
     {ObjectGridView(chat, notes, selectedObject, isShowingObjectModal)}
   </div>;
 }
diff --git a/src/Views/Objects/objectGridView.tsx b/src/Views/Objects/objectGridView.tsx
index ec65d1d6..abff1d79 100644
--- a/src/Views/Objects/objectGridView.tsx
+++ b/src/Views/Objects/objectGridView.tsx
@@ -25,7 +25,7 @@ export function ObjectGridView(
 
   return (
     <div
-      class="grid gap padding"
+      class="grid gap"
       style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));"
       children:prepend={[messageObjects, objectConverter]}
     ></div>
diff --git a/src/Views/Objects/objectPane.tsx b/src/Views/Objects/objectPane.tsx
index 31c4ad90..ba64b067 100644
--- a/src/Views/Objects/objectPane.tsx
+++ b/src/Views/Objects/objectPane.tsx
@@ -155,7 +155,7 @@ export function ObjectPane(chat: Chat) {
 
       <div class="modal" toggle:open={isShowingFilterModel}>
         <div style="max-width: 2084px">
-          <main>
+          <main class="gap">
             <h2>{translation.filterObjects}</h2>
 
             <div class="flex-column">
@@ -187,7 +187,7 @@ export function ObjectPane(chat: Chat) {
 
             <hr></hr>
 
-            <span class="secondary" subscribe:innerText={resultText}></span>
+            <b class="secondary" subscribe:innerText={resultText}></b>
 
             {ObjectGridView(
               chat,