Fix time entry and missing data display

web/app/ui/display/log-item.tsx

@@ -1,4 +1,5 @@
 import { Card, Group, Stack, Text } from "@mantine/core";
+import { IconX } from "@tabler/icons-react";
 
 export function LogItem({
   label,
@@ -35,7 +36,10 @@ export function VerticalLogItem({
   if (content === null) content = "";
   if (decimal > 0) content = Number(content).toFixed(decimal);
   if (hours) content = Number(content).toFixed(1);
-  if (time) content = content.split("T")[1];
+  if (time) {
+    const time = content.split("T")[1].split(":");
+    content = `${time[0]}:${time[1]}`;
+  }
   if (date) content = content.split("T")[0];
 
   return (
@@ -44,8 +48,12 @@ export function VerticalLogItem({
         <Text c="dimmed" style={{ textalign: "center" }}>
           {label}
         </Text>
-        <Text size="lg" style={{ textalign: "center" }}>
-          {content}
+        <Text
+          size="lg"
+          style={{ textalign: "center" }}
+          c={content === "" ? "dimmed" : ""}
+        >
+          {content === "" ? <IconX /> : content}
         </Text>
       </Stack>
     </Card>

web/app/ui/form/int-input.tsx

@@ -27,7 +27,7 @@ function IntInput({
           onClick={() => form.setFieldValue(field, "")}
           style={{
             display:
-              ["", null].indexOf(form.getTransformedValues()[field_key]) > -1
+              ["", null].indexOf(form.getTransformedValues()[field_key]) === 0
                 ? "none"
                 : undefined,
           }}
@@ -63,7 +63,7 @@ function ZeroIntInput({
           onClick={() => form.setFieldValue(field, 0)}
           style={{
             display:
-              form.getTransformedValues()[field_key] > 0 ? "none" : undefined,
+              form.getTransformedValues()[field_key] === 0 ? "none" : undefined,
           }}
         />
       }