panelheader

frontend/src/styles.css

@@ -1223,6 +1223,7 @@ button.danger:hover:not([disabled]) {
   font-size: 1rem;
   font-weight: 600;
   color: var(--fg);
+  padding-left: 0.25rem;
 }
 
 .sidebar__tenant {
@@ -2198,11 +2199,17 @@ button.danger:hover:not([disabled]) {
 .panel-header {
   display: flex;
   align-items: center;
-  justify-content: space-between;
   gap: 0.75rem;
   padding: 0.5rem;
 }
 
+.panel-header__leading,
+.panel-header__actions {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+}
+
 .panel-header__title {
   margin: 0;
   font-size: 1rem;
@@ -2215,26 +2222,18 @@ button.danger:hover:not([disabled]) {
   min-width: 0;
 }
 
+.panel-header > .panel-header__title:first-child {
+  padding-left: 0.5rem;
+}
+
+.panel-header__actions {
+  margin-left: auto;
+}
+
 .panel-body {
   padding: 0.5rem 1rem;
 }
 
-.panel-actions {
-  display: flex;
-  align-items: center;
-  gap: 0.5rem;
-  flex: 1 1 auto;
-}
-
-.panel-actions__spacer {
-  flex-grow: 1;
-}
-
-.panel-actions > h1:first-child,
-.panel-actions > h2:first-child {
-  padding-left: 0.5rem;
-}
-
 .detail-panel .panel-body {
   flex: 1;
   display: flex;