Flexbox improvements.

diff --git a/src/FormView.css b/src/FormView.css
index 660c464a81b5119cdab65c3d9dbfd859aa39d359..b0d0468a2418db5b1718aad0c48fe4a23f914455 100644 (file)
--- 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 {