use new amount+currency input everywhere

1 files changed, 18 insertions, 7 deletions

diff --git a/talerbank/app/static/bank.css b/talerbank/app/static/bank.css
index 2f54298..cd2658c 100644
--- a/talerbank/app/static/bank.css
+++ b/talerbank/app/static/bank.css
@@ -40,13 +40,29 @@ input[type="number"] {
 }
 
 #id_amount {
-  width: 7em;
+  width: 6em;
   display: inline-block;
   border-radius: 4px 0px 0px 4px;
 }
 
-#id_currency {
+/**
+ * Amount without the currency,
+ * placed left to a .currency-indicator.
+ */
+.amount {
+  width: 6em;
+  display: inline-block;
+  border-radius: 4px 0px 0px 4px;
+}
+
+/*
+ * Currency indicator to the right of input fields,
+ * with non-rounded corners to the left.
+ */
+.currency-indicator {
   color: black;
+  display: inline-block;
+  border-radius: 0px 4px 4px 0px;
 }
 
 .fieldlabel {
@@ -58,8 +74,3 @@ input[type="number"] {
   margin-right: 1em;
   margin-bottom: 0.5em;
 }
-
-#id_currency {
-  display: inline-block;
-  border-radius: 0px 4px 4px 0px;
-}