From 1a0437aced266e053fb40624f60c6a52bdfe4475 Mon Sep 17 00:00:00 2001
From: Robert Sesek <rsesek@bluestatic.org>
Date: Wed, 18 Mar 2020 01:30:58 -0400
Subject: [PATCH] Flexbox improvements.

---
 src/FormView.css | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/FormView.css b/src/FormView.css
index 660c464..b0d0468 100644
--- a/src/FormView.css
+++ b/src/FormView.css
@@ -36,23 +36,31 @@
 
   display: flex;
   flex-direction: row;
-  align-items: center;
 }
 
 .line:hover {
   background-color: #dfdfdf;
 }
 
+.line > * {
+  align-items: center;
+  display: flex;
+}
+
 .id {
   background-color: black;
   color: white;
   font-weight: bold;
   padding: 0 5px;
-  text-align: center;
+  justify-content: center;
   width: 10%;
   padding: 3px 0;
 }
 
+.line:hover .id {
+  background-color: #666;
+}
+
 .description {
   padding: 3px 10px 3px 3px;
   flex: 2;
@@ -60,8 +68,9 @@
 
 .value {
   font-family: monospace;
-  text-align: right;
   padding: 0 5px;
+  flex: 1;
+  justify-content: flex-end;
 }
 
 .error {
-- 
2.22.5