improve UI

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>

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>;
 }

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>

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,