#284 fixed subheader positioning in admin interface

bugy · May 23, 2021 · 31f5eec · 31f5eec
1 parent 5eab8fc
commit 31f5eec
Showing 1 changed file with 17 additions and 12 deletions.
diff --git a/web-src/src/admin/AdminApp.vue b/web-src/src/admin/AdminApp.vue
@@ -1,17 +1,19 @@
 <template>
   <div class="admin-page">
     <div class="page-title primary-color-dark">
-      <a class="btn-flat left home-button" href="index.html">
-        <i class="material-icons">home</i>
-      </a>
-      <ul ref="tabs" class="tabs tabs-fixed-width">
-        <li class="tab">
-          <router-link to="/logs">Logs</router-link>
-        </li>
-        <li class="tab">
-          <router-link to="/scripts">Scripts</router-link>
-        </li>
-      </ul>
+      <div class="main-header">
+        <a class="btn-flat left home-button" href="index.html">
+          <i class="material-icons">home</i>
+        </a>
+        <ul ref="tabs" class="tabs tabs-fixed-width">
+          <li class="tab">
+            <router-link to="/logs">Logs</router-link>
+          </li>
+          <li class="tab">
+            <router-link to="/scripts">Scripts</router-link>
+          </li>
+        </ul>
+      </div>
       <div v-if="subheader" class="subheader">{{ subheader }}</div>
     </div>
     <router-view class="page-content"/>
@@ -98,14 +100,17 @@ export default {
 .page-title {
   flex: 0 0 0;
   width: 100%;
-  display: flex;
 
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
 
   box-shadow: var(--shadow-4dp);
 }
 
+.main-header {
+  display: flex;
+}
+
 .tabs.tabs-fixed-width {
   max-width: 30em;
   background: none;