added fixes for bug plan 1.0.6RC01

frontend/vue-app/src/components/notification/NotificationView.vue

@@ -52,7 +52,11 @@ const notificationListCountRef = ref(-1)
 const refreshKey = ref(0)
 
 function handleNotificationClick(item: PendingConfirmation) {
-  router.push({ name: 'ParentView', params: { id: item.child_id } })
+  router.push({
+    name: 'ParentView',
+    params: { id: item.child_id },
+    query: { scrollTo: item.entity_id, entityType: item.entity_type },
+  })
 }
 
 function handleRewardRequest(event: Event) {
@@ -107,6 +111,10 @@ onUnmounted(() => {
   justify-content: center;
   margin-inline: auto;
   align-items: center;
+  flex-wrap: wrap;
+  gap: 0.2rem;
+  max-width: 100%;
+  overflow: hidden;
 }
 .child-info {
   display: flex;
@@ -114,6 +122,13 @@ onUnmounted(() => {
   gap: 0.4rem;
   font-weight: 600;
   color: var(--dialog-child-name);
+  min-width: 0;
+}
+
+.child-info span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
 }
 
 .reward-info {
@@ -123,13 +138,26 @@ onUnmounted(() => {
   margin-bottom: 0rem;
   font-weight: 600;
   color: var(--notification-reward-name);
+  min-width: 0;
+}
+
+.reward-info span {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.reward-info img,
+.child-info img {
+  flex-shrink: 0;
 }
 
 .requested-text {
-  margin: 0 0.7rem;
+  margin: 0 0.4rem;
   font-weight: 500;
   color: var(--dialog-message);
   font-size: 1.05rem;
   white-space: nowrap;
+  flex-shrink: 0;
 }
 </style>