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 ( return (
<div className="collection-metadata"> <div className={`collection-metadata ${this.isOwner() ? 'collection-metadata--is-owner' : ''}`}>
<div className="collection-metadata__columns"> <div className="collection-metadata__columns">
<div className="collection-metadata__column--left"> <div className="collection-metadata__column--left">
<h2 className="collection-metadata__name"> <h2 className="collection-metadata__name">

View file

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