v0.32.8

src/admin/web/index.html

@@ -117,10 +117,10 @@
                                 LOCAL CORE</span></div>
                         <div class="page-intro-title-row">
                             <h1 id="page-title">Traffic, in focus.</h1>
-                            <button class="quiet overview-refresh" data-i18n="refreshNow" id="overview-refresh"
-                                type="button" hidden>Refresh now</button>
-                            <button class="quiet overview-layout-open" data-i18n="overviewLayoutEditorOpen"
-                                id="overview-layout-open" type="button" hidden>Arrange cards visually</button>
+                            <button class="quiet" data-i18n="refreshNow" id="overview-refresh" type="button"
+                                hidden>Refresh now</button>
+                            <button class="quiet" data-i18n="overviewLayoutEditorOpen" id="overview-layout-open"
+                                type="button" hidden>Arrange cards visually</button>
                             <button class="outline" id="overview-layout-unlock" type="button" hidden
                                 data-i18n="overviewLayoutUnlock" aria-pressed="false">Unlock layout</button>
                             <div class="overview-inline-actions" id="overview-inline-actions" hidden>
@@ -2496,7 +2496,7 @@
                                                         the backend table.</small>
                                                 </div>
                                                 <div class="dashboard-widget-settings-controls">
-                                                    <button class="outline dashboard-layout-open-settings" type="button"
+                                                    <button class="outline" type="button"
                                                         id="overview-layout-open-settings"
                                                         data-i18n="overviewLayoutEditorOpenSettings">Visual layout
                                                         editor</button>

src/admin/web/style.css

@@ -1290,10 +1290,6 @@ button.is-saving {
         padding-top: 25px
     }
 
-    .page-intro .outline {
-        margin-top: 19px
-    }
-
     .eyebrow {
         font-size: 9px;
         letter-spacing: 1.2px
@@ -2201,13 +2197,6 @@ td {
         font-size: 11px
     }
 
-    .page-intro .outline {
-        font-size: 10px;
-        padding: 7px;
-        white-space: normal;
-        max-width: 95px
-    }
-
     .page-intro .eyebrow {
         letter-spacing: .5px;
         font-size: 8px
@@ -9518,55 +9507,27 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
 .page-intro-copy,
 .page-intro-title-row {
     min-width: 0;
-    width: 100%
+    width: 100%;
 }
 
 .page-intro-title-row {
     display: flex;
+    flex-wrap: wrap;
     align-items: center;
-    gap: 10px
+    justify-content: flex-end;
+    gap: 10px;
 }
 
 .page-intro-title-row h1 {
     min-width: 0;
-    flex: 1 1 auto
-}
-
-.page-intro-title-row .overview-refresh {
-    flex: 0 0 auto;
-    margin-left: auto;
-    white-space: nowrap
-}
-
-.page-intro-title-row>:is(.quiet, .outline) {
-    display: inline-flex;
-    align-items: center;
-    justify-content: center;
+    flex: 1 1 auto;
+    margin-right: auto;
 }
 
 @media(max-width:700px) {
     .page-intro-title-row {
-        display: grid;
-        grid-template-columns: repeat(3, minmax(0, 1fr));
-        align-items: stretch;
         gap: 8px;
     }
-
-    .page-intro-title-row .overview-inline-actions,
-    .page-intro-title-row h1 {
-        grid-column: 1/-1;
-    }
-
-    .page-intro-title-row .overview-refresh {
-        margin-left: 0;
-    }
-
-    .page-intro-title-row>:is(.quiet, .outline) {
-        width: 100%;
-        min-width: 0;
-        white-space: normal;
-        text-align: center;
-    }
 }
 
 @media(max-width:480px) {
@@ -10398,11 +10359,6 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
     overflow-wrap: anywhere;
 }
 
-.dashboard-layout-open-settings {
-    margin: 5px 0;
-    justify-self: start;
-}
-
 @media(max-width:850px) {
 
     .overview-layout-grid,
@@ -10594,7 +10550,10 @@ html[data-chart-style] :is(#workspace, dialog) svg polyline {
     display: inline-flex;
     gap: 7px;
     align-items: center;
+    justify-content: flex-end;
     flex-wrap: wrap;
+    max-width: 100%;
+    margin-left: auto;
 }
 
 .overview-inline-actions[hidden],
@@ -11137,11 +11096,6 @@ html[data-dashboard-density=ultra] #panel-overview .dashboard-overview-grid>.car
     min-width: 30px;
 }
 
-.dashboard-widget-settings-controls .dashboard-layout-open-settings {
-    margin: 0;
-    justify-self: auto;
-}
-
 .dashboard-appearance-grid .dashboard-widget-list {
     display: flex;
     flex-wrap: nowrap;