Visual improvements.

Make the submit button appear next to the radio element.

2 files changed, 29 insertions, 17 deletions

diff --git a/talerbackoffice/backoffice/static/backoffice.css b/talerbackoffice/backoffice/static/backoffice.css
index bb18163..45b7486 100644
--- a/talerbackoffice/backoffice/static/backoffice.css
+++ b/talerbackoffice/backoffice/static/backoffice.css
@@ -1,3 +1,8 @@
+#choices {
+  float: left;
+  margin-right: 40pt;
+}
+
 .overlay {
   position: fixed;
   top: 0;
diff --git a/talerbackoffice/backoffice/templates/backoffice.html b/talerbackoffice/backoffice/templates/backoffice.html
index bccdcc4..9e6b2b6 100644
--- a/talerbackoffice/backoffice/templates/backoffice.html
+++ b/talerbackoffice/backoffice/templates/backoffice.html
@@ -11,39 +11,46 @@
 
   <br />
   <div>
+    <span style="margin-right: 10px;">Current instance: </span>
     <select id="instance" onchange="change_instance();">
       {% for instance in instances %}
         <option value="{{ instance }}">{{ instance }}</option>  
       {% endfor %}
     </select>
   </div>
-
+  <br />
+  <br />
   <div>
-    <form action="">
+    <div id="choices">
+      <input type="radio"
+             name="track-type"
+             value="order"
+             onclick="cherry_pick_form_order(this.parentNode)"
+             checked="checked">Track order id</input><br>
+      <input type="radio"
+             name="track-type"
+             value="wtid"
+             onclick="cherry_pick_form_transfer(this.parentNode)">Track wire transfer</input><br>
       <input type="text"
              placeholder="Order ID"
              class="order"></input><br>
       <input type="text"
              placeholder="WTID"
              class="transfer"
-             style="visibility: hidden;"></input><br>
+             style="display: none;"></input><br>
       <input type="text"
              placeholder="Exchange URI"
              class="transfer"
-             style="visibility: hidden;"></input><br>
-      <input type="radio"
-             name="track-type"
-             value="order"
-             onclick="cherry_pick_form_order(this.parentNode)"
-             checked>Track order id</input><br>
-      <input type="radio"
-             name="track-type"
-             value="wtid"
-             onclick="cherry_pick_form_transfer(this.parentNode)">Track wire transfer</input><br>
-      <input type="button"
-             value="submit"
-             onclick='track_cherry_pick(this.parentNode)'></input>
-    </form>
+             style="display: none;"></input><br>
+    </div>
+    <div id="submit">
+      <form action="">
+        <input type="button"
+               value="submit"
+               onclick='track_cherry_pick(this.parentNode)'>
+        </input>
+      </form>
+    </div>
   </div>
   <div id="history-container">
     <table id="history" width="50%" style="visibility: hidden;">