Table bug repair (#2731)

* repair table bug

* repair repo-detail bug

frontend/src/components/dirent-detail/detail-list-view.js

@@ -78,9 +78,11 @@ class DetailListView extends React.Component {
     let direntPath = this.getDirentPath();
     if (direntType === 'dir') {
       return (
-        <table>
+        <table className="table-thead-hidden">
+          <thead>
+            <tr><th width="35%"></th><th width="65%"></th></tr>
+          </thead>
           <tbody>
-            <tr><th width="35%"></th><td width="65%"></td></tr>
             <tr><th>{gettext('Folder')}</th><td>{direntDetail.dir_count}</td></tr>
             <tr><th>{gettext('File')}</th><td>{direntDetail.file_count}</td></tr>
             <tr><th>{gettext('Size')}</th><td>{Utils.bytesToSize(direntDetail.size)}</td></tr>
@@ -92,9 +94,11 @@ class DetailListView extends React.Component {
     } else {
       return (
         <Fragment>
-          <table>
+          <table className="table-thead-hidden">
+            <thead>
+              <tr><th width="35%"></th><th width="65%"></th></tr>
+            </thead>
             <tbody>
-              <tr><th width="35%"></th><td width="65%"></td></tr>
               <tr><th>{gettext('Size')}</th><td>{direntDetail.size}</td></tr>
               <tr><th>{gettext('Position')}</th><td>{position}</td></tr>
               <tr><th>{gettext('Last Update')}</th><td>{moment(direntDetail.last_modified).fromNow()}</td></tr>
@@ -126,7 +130,7 @@ class DetailListView extends React.Component {
                       );
                     })}
                   </ul>
-                  <i className='fa fa-pencil tag-edit-icon' onClick={this.onListRelatedFileToggle}></i>
+                  <i className='fa fa-pencil attr-action-icon' onClick={this.onListRelatedFileToggle}></i>
                 </td>
               </tr>
             </tbody>

frontend/src/components/dirent-detail/lib-details.js

@@ -44,11 +44,13 @@ class LibDetail extends React.Component {
             <img src={siteRoot + 'media/img/lib/256/lib.png'} alt="icon"></img>
           </div>
           <div className="dirent-table-container">
-            <table>
+            <table className="table-thead-hidden">
+              <thead>
+                <tr><th width="35%"></th><th width="65%"></th></tr>
+              </thead>
               <tbody>
-                <tr><th width="35%"></th><td width="65%"></td></tr>
                 <tr><th>{gettext('Files')}</th><td>{this.state.fileCount}</td></tr>
-                <tr><th>{gettext('Size')}</th><td>{Utils.bytesToSize(repo.size)}</td></tr>
+                <tr><th>{gettext('Size')}</th><td>{repo.size}</td></tr>
                 <tr><th>{gettext('Last Update')}</th><td>{ moment(repo.last_modified).fromNow()}</td></tr>
               </tbody>
             </table>

frontend/src/css/dirent-detail.css

@@ -110,10 +110,6 @@
   margin-left: 0.5rem;
 }
 
-.dirent-table-container .file-tag-container .tag-edit-icon {
-  padding: 0;
-}
-
 .file-related-files th {
   vertical-align: top;
 }