round 2

web/vue-app/src/layout/ParentLayout.vue

@@ -72,7 +72,9 @@ const showBack = computed(
           </svg>
         </button>
         <button
-          :class="{ active: route.name === 'RewardView' }"
+          :class="{
+            active: ['RewardView', 'EditReward', 'CreateReward'].includes(String(route.name)),
+          }"
           @click="router.push({ name: 'RewardView' })"
           aria-label="Rewards"
           title="Rewards"
@@ -121,6 +123,7 @@ const showBack = computed(
   display: grid;
   grid-template-columns: 76px 1fr 76px;
   align-items: center;
+  padding: 5px 5px;
 }
 
 .title {
@@ -166,7 +169,6 @@ const showBack = computed(
 .main-content {
   flex: 1 1 auto;
   width: 100%;
-  display: flex;
   justify-content: center;
   align-items: flex-start;
   box-sizing: border-box;