2183

layouts/default.vue

@@ -331,7 +331,10 @@ export default {
                             "state-banner state-banner";
       grid-template-columns: auto min-content;
       margin-bottom: 20px;
-      align-items: center;
+      // align-items: center;
+      // min-height: 48px;
+      // background: orange;
+      align-content: center;
       min-height: 48px;
 
       .type-banner {
@@ -344,12 +347,14 @@ export default {
 
       .title {
         grid-area: title;
+        align-self: center;
       }
 
       .actions-container {
         grid-area: actions;
-        height: 100%;
         margin-left: 8px;
+        // background: red;
+        align-self: center;
       }
     }
 

pages/c/_cluster/explorer/index.vue

@@ -321,8 +321,8 @@ export default {
 <template>
   <Loading v-if="$fetchState.pending" />
   <section v-else>
-    <header class="row">
-      <div class="span-11">
+    <header>
+      <div class="title">
         <h1>
           <t k="clusterIndexPage.header" />
         </h1>
@@ -418,6 +418,11 @@ export default {
     }
   }
 }
+
+.title h1 {
+  margin: 0;
+}
+
 .actions-span {
   align-self: center;
 }