made some changes for testing (UI)

web/vue-app/src/components/child/ChildView.vue

@@ -445,7 +445,6 @@ onUnmounted(() => {
   align-items: center;
   gap: 1.5rem;
   width: 100%;
-  max-width: 600px; /* or whatever width fits your content best */
 }
 .side {
   display: flex;

web/vue-app/src/components/child/ParentView.vue

@@ -506,7 +506,6 @@ const childId = computed(() => child.value?.id ?? null)
   align-items: center;
   gap: 1.5rem;
   width: 100%;
-  max-width: 600px; /* or whatever width fits your content best */
 }
 
 /* Modal styles */

web/vue-app/src/components/reward/ChildRewardList.vue

@@ -184,7 +184,6 @@ const isAnyPending = computed(() => rewards.value.some((r) => r.redeeming))
   padding: 0.9rem;
   color: white;
   width: 100%;
-  max-width: 600px;
   box-sizing: border-box;
 }
 

web/vue-app/src/components/task/ChildTaskList.vue

@@ -175,7 +175,6 @@ onBeforeUnmount(() => {
   padding: 1rem;
   color: white;
   width: 100%;
-  max-width: 600px;
   box-sizing: border-box;
 }