improve objectEntry layout

src/Views/Objects/objectEntryView.tsx

@@ -28,6 +28,7 @@ export function ObjectEntryView(
   const fields = {
     [icons.noteContent]: "---",
     [icons.priority]: "---",
+    [icons.categoryName]: "---",
     [icons.status]: "---",
     [icons.date]: "---",
     [icons.time]: "---",
@@ -46,7 +47,7 @@ export function ObjectEntryView(
   const fieldElements = Object.entries(fields).map((field) => {
     const [icon, value] = field;
     return (
-      <span class="flex-row control-gap align-center">
+      <span class="flex-row control-gap flex align-center padding-right ellipsis">
         <span class="icon">{icon}</span>
         <span class="ellipsis">{value}</span>
       </span>
@@ -63,7 +64,10 @@ export function ObjectEntryView(
       <div>
         <b class="ellipsis">{chat.getObjectTitle(messageObject)}</b>
         <hr></hr>
-        <span class="flex-column gap height-100 flex secondary ellipsis ">
+        <span
+          class="grid height-100 flex secondary"
+          style="grid-template-columns: 1fr 1fr"
+        >
           {...fieldElements}
         </span>
       </div>

src/Views/Objects/objectGridView.tsx

@@ -29,7 +29,7 @@ export function ObjectGridView(
   ) : (
     <div
       class="width-100 max-height-100 grid gap padding scroll-v"
-      style="grid-template-columns: repeat(auto-fill, minmax(170px, 1fr));"
+      style="grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));"
       children:prepend={[messageObjects, objectConverter]}
     ></div>
   );

src/styles.css

@@ -10,8 +10,8 @@
 }
 
 .object-entry-wide {
-  width: 280px;
-  min-width: 280px;
+  width: 320px;
+  min-width: 320px;
 }
 
 #message-tab {