fixed more layout

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

@@ -28,7 +28,7 @@ const showBack = computed(
 <template>
   <div class="layout-root">
     <header class="topbar">
-      <div style="height: 100%; display: flex; align-items: center">
+      <div style="height: 100%; display: flex; align-items: stretch">
         <button v-show="showBack" class="back-btn" @click="handleBack" tabindex="0">← Back</button>
       </div>
       <nav class="view-selector">
@@ -158,10 +158,20 @@ const showBack = computed(
 
 /* top bar holds title and logout button */
 .topbar {
-  display: grid;
-  grid-template-columns: 46px 1fr 46px;
-  align-items: center;
+  display: flex;
+  align-items: stretch; /* Make children fill the header height */
   padding: 5px 5px;
+  height: 48px;
+  width: 100%;
+  box-sizing: border-box;
+}
+
+.topbar > div,
+.topbar > nav,
+.topbar > .login-btn {
+  height: 100%;
+  display: flex;
+  align-items: center; /* Center content vertically if needed */
 }
 
 .title {
@@ -172,10 +182,15 @@ const showBack = computed(
 
 /* View Selector styles */
 .view-selector {
-  justify-self: center;
+  height: 100%;
+  display: flex;
+  align-items: stretch;
 }
 
 .view-selector button {
+  height: 100%;
+  display: flex;
+  align-items: center;
   background: #fff;
   color: #667eea;
   border: none;
@@ -225,22 +240,20 @@ const showBack = computed(
   cursor: pointer;
   color: #667eea;
   font-weight: 600;
-  align-self: end;
+  height: 100%; /* Make the button fill its parent */
+  box-sizing: border-box;
+  display: flex;
+  align-items: center; /* Center the text/icon vertically */
 }
 
 .login-btn {
-  align-self: end;
-  height: 100%;
+  align-self: start;
 }
 
 @media (max-width: 480px) {
   .back-btn {
     padding: 0.45rem 0.75rem;
     font-size: 0.6rem;
-    height: 100%;
-  }
-  .login-btn {
-    height: 100%;
   }
 }
 </style>
@@ -254,14 +267,12 @@ const showBack = computed(
   cursor: pointer;
   color: #667eea;
   font-weight: 600;
-  height: 100%;
 }
 
 @media (max-width: 480px) {
   .login-btn button {
     padding: 0.45rem 0.75rem;
     font-size: 0.6rem;
-    height: 100%;
   }
 }
 </style>