small fixes

src/scss/page/main/store.scss

@@ -58,8 +58,9 @@
 
 				.info { height: 100%; position: relative; }
 				.info {
+					.txt { width: 100%; }
 					.name { font-weight: 500; @include text-overflow-nw; }
-					.descr { @include text-small; color: $colorDarkGrey; @include text-overflow-nw; margin: 2px 0px 3px 0px; }
+					.descr { width: 100%; @include text-small; color: $colorDarkGrey; @include text-overflow-nw; margin: 2px 0px 3px 0px; }
 					.author { @include text-small; color: #6c6a5f; line-height: 18px; }
 					.line { width: 100%; height: 1px; background: #eae9e0; position: absolute; left: 0px; }
 				}
@@ -96,10 +97,12 @@
 	}
 
 	.wrapper.relation {
-		.mid { padding-bottom: 114px; }
 		.mid {
 			.label { margin: 0px; }
 			.button { display: none; }
 		}
+		.item {
+			.descr { display: none; }
+		}
 	}
 }

src/ts/component/menu/dataview/relation/list.tsx

@@ -73,7 +73,7 @@ class MenuRelationList extends React.Component<Props, {}> {
 					{relations.map((item: any, i: number) => {
 						return <Item key={item.relationKey} {...item} index={i} />;
 					})}
-					{!readOnly ? <ItemAdd index={view.relations.length + 1} disabled={true} /> : ''}
+					{!readOnly ? <ItemAdd index={relations.length + 1} disabled={true} /> : ''}
 				</div>
 			);
 		});

src/ts/component/page/main/store.tsx

@@ -167,13 +167,15 @@ class PageMainStore extends React.Component<Props, State> {
 
 			case Tab.Relation:
 				Item = (item: any) => {
+					const { name, description } = item;
 					const author = detailStore.get(rootId, item.creator, []);
 					return (
 						<div className={[ 'item', tab, meta.viewId ].join(' ')} onClick={(e: any) => { this.onClick(e, item); }}>
-							<IconObject size={48} object={{ ...item, layout: I.ObjectLayout.Relation }} />
+							<IconObject size={48} object={item} />
 							<div className="info">
 								<div className="txt">
-									<div className="name">{item.name}</div>
+									<div className="name">{name}</div>
+									<div className="descr">{description}</div>
 									<Author {...author} />
 								</div>
 								<div className="line" />

src/ts/component/util/objectPreviewBlock.tsx

@@ -262,13 +262,10 @@ class ObjectPreviewBlock extends React.Component<Props, State> {
 						<div className="heading">
 							{isTask ? (
 								<Icon className={[ 'checkbox', (object.done ? 'active' : '') ].join(' ')} />
-							) : 
-							(
+							) : (
 								<IconObject size={48} iconSize={32} object={object} />
 							)}
-							<div className="name">
-								{name}
-							</div>
+							<div className="name">{name}</div>
 							<div className="description">{description}</div>
 							<div className="author">{author.name}</div>
 						</div>