OSDN Git Service

modified - UI
authorJunichi Shinohara <junichi@karesansui-project.info>
Thu, 15 Jul 2010 03:34:17 +0000 (12:34 +0900)
committerJunichi Shinohara <junichi@karesansui-project.info>
Thu, 15 Jul 2010 03:34:17 +0000 (12:34 +0900)
karesansui/static/css/detail.css
karesansui/static/css/guest.css
karesansui/templates/default/guestby1/guestby1.part

index 67e51bf..7ff9fbd 100644 (file)
 
 #detail_value table.detail-contents>tbody>tr>th{ 
     padding:0px 10px;
-    min-width:70px;
+    width:120px;
     white-space: nowrap;
 } 
 #detail_value table.detail-contents>tbody>tr>td{ 
 } 
 #detail_value table.detail-sub-contents>tbody>tr>th{ 
     padding:0px 10px;
-    width:140px;
+    width:120px;
 }
 #detail_value table.detail-sub-contents>tbody>tr>td{ 
 }
index 2565de1..0ca776e 100644 (file)
     background-color:#ffffff;
 }
 #guest #view #summary-info table.summary-main-info{
-    padding:10px 0px;
+    white-space: nowrap;
+    padding:10px 5px;
+}
+#guest #view #summary-info table.summary-sub-info{
+    table-layout: fixed;
 }
 #guest #view #summary-info table.summary-main-info>tbody>tr>th{
     padding:0px 10px;
+    width:120px;
 }
 #guest #view #summary-info table.summary-sub-info>tbody>tr>th{
     padding:0px 10px;
-    width:140px;
+    width:120px;
 }
 #guest #view #summary-info span.summary-info-title{
     font-weight:bold;
 }
 
+#guest #view #summary-info .summary-info-space{
+    width: 60px;
+}
+
+#guest #view #summary-info .summary-info-data{
+    white-space: normal;
+    padding-right: 5px;
+}
+
 #guest #view #summary-info .summary-space{
     background:transparent url(../images/kugiri-a.gif) repeat scroll 0 0;
     height:4px;
     margin-bottom:8px;
     margin-top:8px;
     margin-left:12px;
-    width:95%;
+    width:96%;
 }
 
 #input_guest .grayout-detail {
     margin-right: 25px;
 }
 
+#guest #view #summary-info .info_desc_value {
+    white-space:normal;
+}
+
 #guest #view #summary-info .info_detail {
     overflow:auto;
     border:1px groove #CECFCE;
     background-color:#FFFFFF;
 }
 
-#guest #view #summary-info .info_detail table tbody td.info_detail_name {
+#guest #view #summary-info .info_detail table tbody td info_detail_name {
     white-space:nowrap;
     vertical-align: top;
 }
-#guest #view #summary-info .info_detail table tbody td.info_detail_value {
+#guest #view #summary-info .info_detail table tbody td info_detail_value {
 }
 
 #guest #view #summary-info .info_detail table tbody tr.odd td {
index 8605581..8d52c48 100644 (file)
@@ -220,7 +220,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('General Information')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif">
                                                     </td>
                                                     <td>
@@ -229,58 +229,58 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Name')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${model.name | h}
+                                                                    <span class="summary-info-data">${model.name | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Status')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${str_status(virt.status(), _) | h}
+                                                                    <span class="summary-info-data">${str_status(virt.status(), _) | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Unique key')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${model.uniq_key | h}
+                                                                    <span class="summary-info-data">${model.uniq_key | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Domain Name')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${virt.get_domain_name() | h}
+                                                                    <span class="summary-info-data">${virt.get_domain_name() | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Autostart')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
 %if autostart is True:
-                                                                    ${_('Enabled')}
+                                                                    <span class="summary-info-data">${_('Enabled')}</span>
 %else:
-                                                                    ${_('Disabled')}
+                                                                    <span class="summary-info-data">${_('Disabled')}</span>
 %endif
                                                                 </td>
                                                             </tr>
@@ -288,17 +288,17 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Hypervisor')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
 %if not info["type"] is None:
-                                                                    ${info["type"] | h}
+                                                                    <span class="summary-info-data">${info["type"] | h}</span>
   %if not info["hv_version"] is None and not info["hv_version"] == -1:
                                                                     (${info["hv_version"] | h})
   %endif
 %else:
-                                                                    ${_('Unknown')}
+                                                                    <span class="summary-info-data">${_('Unknown')}</span>
 %endif
                                                                 </td>
                                                             </tr>
@@ -306,14 +306,14 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('OS Type')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
 %if not info["os"] is None:
-                                                                    ${info["os"] | h}
+                                                                    <span class="summary-info-data">${info["os"] | h}</span>
 %else:
-                                                                    ${_('Unknown')}
+                                                                    <span class="summary-info-data">${_('Unknown')}</span>
 %endif
                                                                 </td>
                                                             </tr>
@@ -321,21 +321,23 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Tags')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
+                                                                    <span class="summary-info-data">
 %if len(model.tags) > 0:
     % for i in xrange(len(model.tags)):
         %if len(model.tags) - 1 == i:
-                                                                    ${model.tags[i].name | h}
+                                                                        ${model.tags[i].name | h}
         %else:
-                                                                    ${model.tags[i].name | h}&nbsp;,
+                                                                        ${model.tags[i].name | h}&nbsp;,
         %endif
     % endfor
 %else:
-                                                                    ${_('No tag')}
+                                                                        ${_('No tag')}
 %endif
+                                                                    </span>
                                                                 </td>
                                                             </tr>
                                                         </table>
@@ -347,7 +349,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('CPU Info')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -356,22 +358,22 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('VCPUS')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    TODO
+                                                                    <span class="summary-info-data">TODO</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('CPU time(seconds)')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${"%.2f" % (info["cpu"] / (1000.00 * 1000.00 * 1000.00)) | h}
+                                                                    <span class="summary-info-data">${"%.2f" % (info["cpu"] / (1000.00 * 1000.00 * 1000.00)) | h}</span>
                                                                 </td>
                                                             </tr>
                                                         </table>
@@ -383,7 +385,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('VNC Info')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -392,33 +394,33 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('VNC Listen')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    TODO
+                                                                    <span class="summary-info-data">TODO</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('VNC Port')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    TODO
+                                                                    <span class="summary-info-data">TODO</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Keymap')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    TODO
+                                                                    <span class="summary-info-data">TODO</span>
                                                                 </td>
                                                             </tr>
                                                         </table>
@@ -431,7 +433,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Disk Info')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -442,10 +444,10 @@ $(document).ready(function(){
                                                                 <td>
                                                                     <div class="info_desc">
                                                                         <div id="disk_toggle_button_${count}" class="info_desc_name">
-                                                                            <span>${_('Disk Name')}</span>&nbsp;:&nbsp;<span class="light-text">${disk['target']['dev'] |h}</span>
+                                                                            <span>${_('Name')}</span>&nbsp;:&nbsp;<span class="light-text">${disk['target']['dev'] |h}</span>
                                                                         </div>
                                                                         <div class="info_desc_value">
-                                                                            <span>${_('Disk Size')}</span>&nbsp;:&nbsp;<span class="light-text">${disk['source']['size'] |h}</span>
+                                                                            <span>${_('Capacity (MB)')}</span>&nbsp;:&nbsp;<span class="light-text">${disk['source']['size'] |h}</span><span class="dark-text autounit">(${view_autounit(disk['source']['size'], unit=('MB','GB','TB', 'PB', 'EB'), print_unit=True) |h})<span>
                                                                         </div>
                                                                     </div>
                                                                     <div style="clear:both"></div>
@@ -453,15 +455,15 @@ $(document).ready(function(){
                                                                         <table>
                                                                             <tbody>
                                                                                 <tr>
-                                                                                    <td class="info_detail_name">${_('Disk Name')}</td>
+                                                                                    <td class="info_detail_name">${_('Name')}</td>
                                                                                     <td class="info_detail_value"><pre>${disk['target']['dev'] | h}</pre></td>
                                                                                 </tr>
                                                                                 <tr>
-                                                                                    <td class="info_detail_name">${_('Disk Size')}</td>
-                                                                                    <td class="info_detail_value"><pre>${disk['source']['size'] | h}</pre></td>
+                                                                                    <td class="info_detail_name">${_('Capacity (MB)')}</td>
+                                                                                    <td class="info_detail_value"><span>${disk['source']['size'] | h}</span><span class="dark-text autounit">(${view_autounit(disk['source']['size'], unit=('MB','GB','TB', 'PB', 'EB'), print_unit=True) |h})<span></td>
                                                                                 </tr>
                                                                                 <tr>
-                                                                                    <td class="info_detail_name">${_('Disk Type')}</td>
+                                                                                    <td class="info_detail_name">${_('Type')}</td>
                                                                                     <td class="info_detail_value"><pre>${disk['type'] | h}</pre></td>
                                                                                 </tr>
                                                                                 <tr>
@@ -500,7 +502,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Memory Info')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -509,11 +511,11 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Memory Size (MB)')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    <span>${view_autounit(info["memory"]) | h}</span><span class="dark-text autounit">${view_autounit(info["memory"], print_unit=True) | h}</span>
+                                                                    <span>${view_autounit(info["memory"], unit=('KB','MB')) | h}</span><span class="dark-text autounit">(${view_autounit(info["memory"], unit=('MB','GB','TB', 'PB', 'EB'), print_unit=True) | h})</span>
                                                                 </td>
                                                             </tr>
                                                         </table>
@@ -527,7 +529,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Interface Info')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -541,7 +543,7 @@ $(document).ready(function(){
                                                                             <span>${_('Source Bridge')}</span>&nbsp;:&nbsp;<span class="light-text">${interface['source']['bridge'] |h}</span>
                                                                         </div>
                                                                         <div class="info_desc_value">
-                                                                            <span>${_('Interface Type')}</span>&nbsp;:&nbsp;<span class="light-text">${interface['type'] |h}</span>
+                                                                            <span>${_('Type')}</span>&nbsp;:&nbsp;<span class="light-text">${interface['type'] |h}</span>
                                                                         </div>
                                                                     </div>
                                                                     <div style="clear:both"></div>
@@ -553,7 +555,7 @@ $(document).ready(function(){
                                                                                     <td class="info_detail_value"><pre>${interface['source']['bridge'] | h}</pre></td>
                                                                                 </tr>
                                                                                 <tr>
-                                                                                    <td class="info_detail_name">${_('Interface Type')}</td>
+                                                                                    <td class="info_detail_name">${_('Type')}</td>
                                                                                     <td class="info_detail_value"><pre>${interface['type'] | h}</pre></td>
                                                                                 </tr>
                                                                                 <tr>
@@ -576,7 +578,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Network Info')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -587,7 +589,7 @@ $(document).ready(function(){
                                                                 <td>
                                                                     <div class="info_desc">
                                                                         <div id="network_toggle_button_${count}" class="info_desc_name">
-                                                                            <span>${_('Network Device')}</span>&nbsp;:&nbsp;<span class="light-text">${net_name |h}</span>
+                                                                            <span>${_('Device')}</span>&nbsp;:&nbsp;<span class="light-text">${net_name |h}</span>
                                                                         </div>
                                                                         <div class="info_desc_value">
 %     if net_info[net_name]['running'] is True:
@@ -602,11 +604,11 @@ $(document).ready(function(){
                                                                         <table>
                                                                             <tbody>
                                                                                 <tr>
-                                                                                    <td class="info_detail_name">${_('Network Device')}</td>
+                                                                                    <td class="info_detail_name">${_('Device')}</td>
                                                                                     <td class="info_detail_value"><pre>${net_name | h}</pre></td>
                                                                                 </tr>
                                                                                 <tr>
-                                                                                    <td class="info_detail_name">${_('Network Status')}</td>
+                                                                                    <td class="info_detail_name">${_('Status')}</td>
                                                                                     <td class="info_detail_value"><pre>${locale_bool(net_info[net_name]['running'], _) | h}</pre></td>
                                                                                 </tr>
                                                                                 <tr>
@@ -639,7 +641,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Storage Pool Information')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -651,7 +653,7 @@ $(document).ready(function(){
                                                                             <span>${_('Name')}</span>&nbsp;:&nbsp;<span class="light-text">${pool_info['name'] | h}</span>
                                                                         </div>
                                                                         <div class="info_desc_value">
-                                                                            <span>${_('Type')}</span>&nbsp;:&nbsp;<span class="light-text">${pool_info['type'] | h}</span><span><img alt="" src="${ctx.homepath}/static/images/tag-space.gif"/></span><span>${_('Capacity')}&nbsp;(MB)</span>&nbsp;:&nbsp;<span class="light-text">${int(pool_info['capacity']) / (1024 * 1024) | h}</span>
+                                                                            <span>${_('Type')}</span>&nbsp;:&nbsp;<span class="light-text">${pool_info['type'] | h}</span><span><img alt="" src="${ctx.homepath}/static/images/tag-space.gif"/></span><span>${_('Capacity')}&nbsp;(MB)</span>&nbsp;:&nbsp;<span class="light-text">${view_autounit(pool_info['capacity'], unit=('B','KB','MB')) | h}</span><span class="dark-text autounit">(${view_autounit(pool_info['capacity'], print_unit=True) | h})</span>
                                                                         </div>
                                                                     </div>
                                                                     <div style="clear:both"></div>
@@ -672,15 +674,21 @@ $(document).ready(function(){
                                                                                 </tr>
                                                                                 <tr>
                                                                                     <td class="info_detail_name">${_('Capacity')}&nbsp;(MB)</td>
-                                                                                    <td class="info_detail_value"><pre>${int(pool_info['capacity']) / (1024 * 1024) | h}</pre></td>
+                                                                                    <td class="info_detail_value">
+                                                                                        <span>${view_autounit(pool_info['capacity'], unit=('B','KB','MB')) | h}</span><span class="dark-text autounit">(${view_autounit(pool_info['capacity'], print_unit=True) | h})</span>
+                                                                                    </td>
                                                                                 </tr>
                                                                                 <tr>
                                                                                     <td class="info_detail_name">${_('Available')}&nbsp;(MB)</td>
-                                                                                    <td class="info_detail_value"><pre>${int(pool_info['available']) / (1024 * 1024) | h}</pre></td>
+                                                                                    <td class="info_detail_value">
+                                                                                        <span>${view_autounit(pool_info['available'], unit=('B','KB','MB')) | h}</span><span class="dark-text autounit">(${view_autounit(pool_info['available'], print_unit=True) | h})</span>
+                                                                                    </td>
                                                                                 </tr>
                                                                                 <tr>
                                                                                     <td class="info_detail_name">${_('Allocation')}&nbsp;(MB)</td>
-                                                                                    <td class="info_detail_value"><pre>${int(pool_info['allocation']) / (1024 * 1024) | h}</pre></td>
+                                                                                    <td class="info_detail_value">
+                                                                                        <span>${view_autounit(pool_info['allocation'], unit=('B','KB','MB')) | h}</span><span class="dark-text autounit">(${view_autounit(pool_info['allocation'], print_unit=True) | h})</span>
+                                                                                    </td>
                                                                                 </tr>
                                                                             </tbody>
                                                                         </table>
@@ -698,7 +706,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Notebook')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -744,7 +752,7 @@ $(document).ready(function(){
                                                     <th>
                                                         <span class="summary-info-title">${_('Audit')}</span>
                                                     </th>
-                                                    <td width="1">
+                                                    <td class="summary-info-space">
                                                         <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                     </td>
                                                     <td>
@@ -753,44 +761,44 @@ $(document).ready(function(){
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Created User')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${model.created_user.nickname | h}
+                                                                    <span class="summary-info-data">${model.created_user.nickname | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Created Date')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${model.created_locale(me.languages) | h}
+                                                                    <span class="summary-info-data">${model.created_locale(me.languages) | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Modified User')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${model.modified_user.nickname | h}
+                                                                    <span class="summary-info-data">${model.modified_user.nickname | h}</span>
                                                                 </td>
                                                             </tr>
                                                             <tr>
                                                                 <th>
                                                                     <span class="summary-info-title">${_('Modified Date')}</span>
                                                                 </th>
-                                                                <td width="1">
+                                                                <td class="summary-info-space">
                                                                     <img src="${ctx.homepath}/static/images/table-space.gif" alt="" />
                                                                 </td>
                                                                 <td>
-                                                                    ${model.modified_locale(me.languages) | h}
+                                                                    <span class="summary-info-data">${model.modified_locale(me.languages) | h}</span>
                                                                 </td>
                                                             </tr>
                                                         </table>