diff --git a/client/modules/User/components/Collection.jsx b/client/modules/User/components/Collection.jsx index 2f772c7d..fe29794d 100644 --- a/client/modules/User/components/Collection.jsx +++ b/client/modules/User/components/Collection.jsx @@ -343,7 +343,7 @@ class Collection extends React.Component { }; return ( -
+

diff --git a/client/styles/components/_collection.scss b/client/styles/components/_collection.scss index 1343e8ef..b51f9efd 100644 --- a/client/styles/components/_collection.scss +++ b/client/styles/components/_collection.scss @@ -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;