From 18c021b5d5df9d486a1c405171184d4a5b572a85 Mon Sep 17 00:00:00 2001
From: Max Grossman <m.grossman1813@gmail.com>
Date: Tue, 18 Dec 2018 11:09:26 -0500
Subject: [PATCH] add css

ref #5614
---
 css/80_app.css       | 13 +++++++++++++
 modules/ui/commit.js |  8 ++++++--
 2 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/css/80_app.css b/css/80_app.css
index 3927ee76e..92f2876de 100644
--- a/css/80_app.css
+++ b/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)
 ------------------------------------------------------- */
diff --git a/modules/ui/commit.js b/modules/ui/commit.js
index cf82fd555..7b16247ce 100644
--- a/modules/ui/commit.js
+++ b/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)); })