change dtable page

frontend/src/css/dtable-page.css

@@ -1,3 +1,9 @@
+.workspace {
+  margin: 0.5rem 0;
+}
+.workspace:last-child {
+  margin-bottom: 150px;
+}
 .workspace .workspace-name {
   font-weight: 400;
   color: #202428;

frontend/src/pages/dtable/dtable.js

@@ -237,7 +237,7 @@ class Workspace extends Component {
     let { tableList, isItemFreezed } = this.state;
 
     return(
-      <div className="workspace my-2">
+      <div className="workspace">
         <div className="table-heading">{isPersonal ? gettext('My Tables') : workspace.owner_name}</div>
         {tableList.length > 0 ?
           <table width="100%" className="table-vcenter">
@@ -389,7 +389,7 @@ class DTable extends Component {
 
   renderShareTablePanel = () => {
     return (
-      <div className="workspace my-2">
+      <div className="workspace">
         <div className="table-heading">{gettext('Shared with me')}</div>
         <table width="100%" className="table-vcenter">
           <colgroup>

frontend/src/pages/dtable/list-share-table.js

@@ -43,7 +43,7 @@ class ShareTableItem extends Component {
 
     return (
       <tr onMouseEnter={this.onMouseEnter} onMouseLeave={this.onMouseLeave} className={this.state.active ? 'tr-highlight' : ''}>
-        <td><img src={siteRoot + 'media/img/data-base.svg'} alt="" width="24"/></td>
+        <td><span className="sf3-font sf3-font-form"></span></td>
         <td><a href={tableHref} target="_blank">{table.name}</a></td>
         <td>{table.from_user_name}</td>
         <td>{moment(table.updated_at).fromNow()}</td>