add css

ref #5614

css/80_app.css

@@ -648,6 +648,19 @@ button.add-note svg.icon {
     justify-content: center;
 }
 
+.header-container {
+    display: flex;
+    justify-content: space-between;
+}
+
+.header-block-outer {
+    width: 20%;
+}
+
+.header-block-close {
+    display: flex;
+    justify-content: flex-end;
+}
 
 /* Hide/Toggle collapsable sections (aka Disclosure)
 ------------------------------------------------------- */

modules/ui/commit.js

@@ -108,13 +108,17 @@ export function uiCommit(context) {
 
         headerTitle
             .append('div')
-            .attr('class', 'header-block')
+            .attr('class', 'header-block header-block-outer')
+        
+        headerTitle
+            .append('div')
+            .attr('class', 'header-block header-block')
             .append('h3')
             .text(t('commit.title'))
         
         headerTitle
             .append('div')
-            .attr('class', 'header-block')
+            .attr('class', 'header-block header-block-outer header-block-close')
             .append('button') 
             .attr('class', 'close')
             .on('click', function() { context.enter(modeBrowse(context)); })