Description

Author: Dmitry Yadrikhinsky

src/screens/projects/components/HoursByTask/HoursByTask.less

@@ -16,10 +16,17 @@
   }
 
   .hours-item .ant-card-body {
+    padding: 8px;
+  }
+
+  .description {
+    font-size: 11px;
+  }
+
+  .bottom {
     display: flex;
     flex-direction: row;
     justify-content: space-between;
-    padding: 8px;
   }
 
   .date {

src/screens/projects/components/HoursByTask/HoursItem.tsx

@@ -29,9 +29,11 @@ interface HoursItemProps {
 export default function HoursItem({ range }: HoursItemProps) {
   return (
     <Card className="hours-item">
-      <div className="hours-range">{hoursRangeFormat(range)}</div>
-      <div className="flex-1" />
-      <div className="duration">{getDuration(range)}</div>
+      <div className="description">{range.description}</div>
+      <div className="bottom">
+        <div className="hours-range">{hoursRangeFormat(range)}</div>
+        <div className="duration">{getDuration(range)}</div>
+      </div>
     </Card>
   );
 }