Index: /trunk/FACT++/www/viewer/index.html
===================================================================
--- /trunk/FACT++/www/viewer/index.html	(revision 17719)
+++ /trunk/FACT++/www/viewer/index.html	(revision 17720)
@@ -126,19 +126,28 @@
 <div class="ui-widget-content" style="background:#eee;margin-top:-10px">
    <input id="submit" type="button" onclick="onSubmit();" value="Submit"></input>
-   <span style="float:right">
-      &nbsp;Run file: 
-      <input id="file"></input>
+   <span style="float:right;white-space:nowrap;">
+      Run file: 
+      <input id="file" style="width:100px"></input>
    </span>
-   &nbsp;Event: 
-   <input id="event" style="text-align:right" type="number" onchange="onEvent();"  value="0" min="0" max="0"    step="1"></input>/<span id="numevents">---</span>
-   &nbsp;Pixel: 
-   <input id="pixel" style="text-align:right;width:55px;" type="number" onchange="onPixel();"  value="0" min="0" max="1439" step="1"></input>
-   &nbsp;CBPX:
-   <input id="cbpx-c" style="text-align:right;width:35px;" type="number" onchange="onCBPX();"  value="1" min="0" max="3" step="1"></input>
-   <input id="cbpx-b" style="text-align:right;width:35px;" type="number" onchange="onCBPX();"  value="0" min="0" max="9" step="1"></input>
-   <input id="cbpx-p" style="text-align:right;width:35px;" type="number" onchange="onCBPX();"  value="3" min="0" max="3" step="1"></input>
-   <input id="cbpx-x" style="text-align:right;width:35px;" type="number" onchange="onCBPX();"  value="6" min="0" max="8" step="1"></input>
-   =
-   <input id="cbpx"   style="text-align:right;width:55px;" type="number" onchange="onHW();"  value="393" min="0" max="1439" step="1"></input>
+   &nbsp;
+   <span style="white-space:nowrap">
+      Evt: 
+      <input id="event" style="text-align:right;" type="number" onchange="onEvent();"  value="0" min="0" max="0"    step="1"></input>/<span id="numevents">---</span>
+   </span>
+   &nbsp;
+   <span style="white-space:nowrap">
+      Pix: 
+      <input id="pixel" style="text-align:right;width:50px;" type="number" onchange="onPixel();"  value="0" min="0" max="1439" step="1"></input>
+   </span>
+   &nbsp;
+   <span style="white-space:nowrap">
+      CBPX:
+      <input id="cbpx-c" style="text-align:right;width:30px;" type="number" onchange="onCBPX();"  value="1" min="0" max="3" step="1"></input>
+      <input id="cbpx-b" style="text-align:right;width:30px;" type="number" onchange="onCBPX();"  value="0" min="0" max="9" step="1"></input>
+      <input id="cbpx-p" style="text-align:right;width:30px;" type="number" onchange="onCBPX();"  value="3" min="0" max="3" step="1"></input>
+      <input id="cbpx-x" style="text-align:right;width:30px;" type="number" onchange="onCBPX();"  value="6" min="0" max="8" step="1"></input>
+      =
+      <input id="cbpx"   style="text-align:right;width:50px;" type="number" onchange="onHW();"  value="393" min="0" max="1439" step="1"></input>
+   </span>
 </div>
 
@@ -155,18 +164,28 @@
       <tr>
          <td>
-            Min: 
-            <input id="cameramin1"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(1);"  value="0" disabled="true"></input>
-            <input id="cameraminon1" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
-            Max: 
-            <input id="cameramax1"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(1);"  value="0" disabled="true"></input>
-            <input id="cameramaxon1" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
+            <span style="white-space:nowrap">
+               Min: 
+               <input id="cameramin1"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(1);"  value="0" disabled="true"></input>
+               <input id="cameraminon1" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
+            </span>
+            &nbsp;
+            <span style="white-space:nowrap">
+               Max: 
+               <input id="cameramax1"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(1);"  value="0" disabled="true"></input>
+               <input id="cameramaxon1" type="checkbox" onclick="onCameraMinMaxOn(1);" checked="true"></input>
+            </span>
          </td>
          <td style="text-align:right">
-            Min: 
-            <input id="cameramin2"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(2);"  value="0" disabled="true"></input>
-            <input id="cameraminon2" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
-            Max: 
-            <input id="cameramax2"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(2);"  value="0" disabled="true"></input>
-            <input id="cameramaxon2" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
+            <span style="white-space:nowrap">
+               Min: 
+               <input id="cameramin2"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(2);"  value="0" disabled="true"></input>
+               <input id="cameraminon2" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
+            </span>
+            <span style="white-space:nowrap">
+               &nbsp;
+               Max: 
+               <input id="cameramax2"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(2);"  value="0" disabled="true"></input>
+               <input id="cameramaxon2" type="checkbox" onclick="onCameraMinMaxOn(2);" checked="true"></input>
+            </span>
          </td>
          <td>
@@ -201,10 +220,15 @@
       <tr>
          <td>
-            Min: 
-            <input id="cameramin3"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(3);"  value="0" disabled="true"></input>
-            <input id="cameraminon3" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
-            Max: 
-            <input id="cameramax3"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(3);"  value="0" disabled="true"></input>
-            <input id="cameramaxon3" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
+            <span style="white-space:nowrap">
+               Min: 
+               <input id="cameramin3"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(3);"  value="0" disabled="true"></input>
+               <input id="cameraminon3" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
+            </span>
+            &nbsp;
+            <span style="white-space:nowrap">
+               Max: 
+               <input id="cameramax3"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(3);"  value="0" disabled="true"></input>
+               <input id="cameramaxon3" type="checkbox" onclick="onCameraMinMaxOn(3);" checked="true"></input>
+            </span>
          </td>
          <td style="text-align:center;">
@@ -213,10 +237,15 @@
          </td>
          <td style="text-align:right">
-            Min: 
-            <input id="cameramin4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
-            <input id="cameraminon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
-            Max: 
-            <input id="cameramax4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
-            <input id="cameramaxon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
+            <span style="white-space:nowrap">
+               Min: 
+               <input id="cameramin4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
+               <input id="cameraminon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
+            </span>
+            <span style="white-space:nowrap">
+               &nbsp;
+               Max: 
+               <input id="cameramax4"   style="text-align:right;width:100px;" type="number"   onchange="onCameraMinMax(4);"  value="0" disabled="true"></input>
+               <input id="cameramaxon4" type="checkbox" onclick="onCameraMinMaxOn(4);" checked="true"></input>
+            </span>
          </td>
       </tr>