Fix/improve CSS colors and layout

This commit is contained in:
Sean Owen 2014-09-11 11:55:16 +01:00
parent 9bac0584f0
commit 13be5de462
2 changed files with 9 additions and 7 deletions

View file

@ -68,14 +68,14 @@
displayResult = XmlEscapers.xmlContentEscaper().escape(displayResult); displayResult = XmlEscapers.xmlContentEscaper().escape(displayResult);
} }
</jsp:scriptlet> </jsp:scriptlet>
<table style="width:100%"> <table id="result">
<tr> <tr>
<td>Raw text</td> <td>Raw text</td>
<td><pre style="margin:0"><jsp:expression>text</jsp:expression></pre></td> <td><pre><jsp:expression>text</jsp:expression></pre></td>
</tr> </tr>
<tr> <tr>
<td>Raw bytes</td> <td>Raw bytes</td>
<td><pre style="margin:0"><jsp:expression>rawBytesString</jsp:expression></pre></td> <td><pre><jsp:expression>rawBytesString</jsp:expression></pre></td>
</tr> </tr>
<tr> <tr>
<td>Barcode format</td> <td>Barcode format</td>
@ -87,10 +87,9 @@
</tr> </tr>
<tr> <tr>
<td>Parsed Result</td> <td>Parsed Result</td>
<td><pre style="margin:0"><jsp:expression>displayResult</jsp:expression></pre></td> <td><pre><jsp:expression>displayResult</jsp:expression></pre></td>
</tr> </tr>
</table> </table>
<hr/>
<jsp:scriptlet> <jsp:scriptlet>
} }
</jsp:scriptlet> </jsp:scriptlet>

View file

@ -3,5 +3,8 @@ body,th,td,p{font-family:Arial,sans-serif}
div#main{width:800px;text-align:left;border:0;padding:0;margin:0 auto} div#main{width:800px;text-align:left;border:0;padding:0;margin:0 auto}
td{vertical-align:top} td{vertical-align:top}
table#upload td{padding:12px;height:30px;background-color:#dde3e9} table#upload td{padding:12px;height:30px;background-color:#dde3e9}
#header{background-color:#dde3e9;border-bottom:1px solid #f2f7fc} table#result{width:100%}
#header h1{font-size:24px;padding:12px;border-bottom:1px solid #c8d0d9} table#result td{background-color:#dde3e9}
table#result pre{margin:0}
#header{background-color:#dde3e9;border-bottom:1px solid #dde3e9}
#header h1{font-size:24px;padding:12px;margin:0}