Fixes collection metadata spacing when user is not the owner

This commit is contained in:
Andrew Nicolaou 2019-10-03 19:38:52 +03:00
parent cf9a6013a4
commit c981bc8b04
2 changed files with 9 additions and 6 deletions

View File

@ -343,7 +343,7 @@ class Collection extends React.Component {
};
return (
<div className="collection-metadata">
<div className={`collection-metadata ${this.isOwner() ? 'collection-metadata--is-owner' : ''}`}>
<div className="collection-metadata__columns">
<div className="collection-metadata__column--left">
<h2 className="collection-metadata__name">

View File

@ -25,16 +25,16 @@
align-self: flex-end;
display: flex;
flex-direction: column;
align-items: flex-end;
flex-direction: row;
justify-content: flex-end;
}
.collection-metadata__column--right > * {
margin-top: #{10 / $base-font-size}rem;
margin-left: #{10 / $base-font-size}rem;
}
.collection-metadata__name {
padding: #{12 / $base-font-size}rem 0;
padding: #{8 / $base-font-size}rem 0;
}
.collection-metadata__name .editable-input__label span {
@ -53,10 +53,13 @@
.collection-metadata__user {
padding-top: #{8 / $base-font-size}rem;
padding-left: #{8 / $base-font-size}rem;
font-size: 14px;
}
.collection-metadata--is-owner .collection-metadata__user {
padding-left: #{8 / $base-font-size}rem;
}
.collection-metadata__description {
padding-top: #{8 / $base-font-size}rem;
text-align: left;