make labels align with heading

Author: rakeshAlgo

src/css/doc.css

@@ -28,6 +28,14 @@
 .doc h1.page {
   font-size: var(--heading-h1);
   margin-top: 0;
+  display: inline-block;
+}
+
+.doc h1.page + .labels {
+    display: inline-block;
+    position: relative;
+    top: -5px;
+    margin-left: var(--base-space);
 }
 
 .doc h2 {
@@ -1005,6 +1013,7 @@ table.tableblock code.language-console.hljs.shell {
   .doc h1.page {
     font-size: var(--heading-h1-sm);
     margin-bottom: 10px;
+    display: block;
   }
 
   .doc h2 {

src/css/labels.css

@@ -80,7 +80,7 @@
   opacity: 0.6;
 }
 
-.doc li.status {
+.doc .status {
   color: var(--color-brand-caution);
   border: 1px solid var(--color-brand-caution);
   border-radius: 3px;