Update aura-view.css

Author: jouni

dev/aura/aura-view.css

@@ -8,6 +8,10 @@
   flex: 1;
 }
 
+.aura-view > vaadin-scroller {
+  padding-inline: var(--vaadin-padding-m);
+}
+
 .aura-view > :is(header, footer),
 :is(.aura-view-header, .aura-view-footer) {
   padding: var(--vaadin-padding-m);
@@ -18,23 +22,24 @@
 
 :is(.aura-view > header, .aura-view-header) :is(h1, h2, h3, h4, h5, h6, .aura-view-heading) {
   margin: 0;
-  padding-block: calc(var(--vaadin-padding-xs) + var(--vaadin-button-border-width, 1px));
+  padding-block: round(var(--vaadin-padding-s) / 1.4 + var(--vaadin-button-border-width, 1px), 1px);
   font-size: var(--aura-font-size-l);
   font-weight: var(--aura-font-weight-semibold);
+  line-height: var(--aura-line-height-m);
   color: var(--vaadin-color);
   flex: 1;
 
   &:last-child {
-    padding-inline-end: var(--vaadin-padding-xs);
+    padding-inline-end: var(--vaadin-padding-s);
   }
 }
 
-vaadin-app-layout[drawer-opened]:not([overlay]) :is(.aura-view > header, .aura-view-header) vaadin-drawer-toggle,
+vaadin-app-layout[drawer-opened] :is(.aura-view > header, .aura-view-header) vaadin-drawer-toggle,
 vaadin-master-detail-layout:not([drawer], [stack]) [slot='detail'].aura-view > header mdl-back-button,
 vaadin-master-detail-layout:not([drawer], [stack]) [slot='detail'] .aura-view > header mdl-back-button {
   display: none;
 
   & + :is(h1, h2, h3, h4, h5, h6, .aura-view-heading) {
-    padding-inline-start: var(--vaadin-padding-xs);
+    padding-inline-start: var(--vaadin-padding-s);
   }
 }