Cost units can be edited

public/css/app.css

@@ -18,7 +18,8 @@ html {
     flex: 1;
     display: flex;
     flex-direction: column;
-    overflow: hidden;
+    overflow-y: auto;
+    overflow-x: hidden;
 }
 
 .header {
@@ -105,14 +106,22 @@ html {
 }
 
 .footer {
-    height: 40px;
     background: #666666;
     border-top: 1px solid #ddd;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    font-size: 12px;
     color: #ffffff;
+    z-index: 100;
+    line-height: 10px;
+    padding: 10px;
+    font-size: 11pt;
+    font-weight: bold;
+}
+
+.footer table {
+    width: 100%;
+}
+
+.footer table td:first-child {
+    width: 30%;
 }
 
 th {
@@ -132,4 +141,5 @@ th:after {
     display: block;
     font-weight: bold;
     text-align: right;
+    overflow: auto;
 }