Merge pull request #607 from sharetribe/profile-page-dr

Profile page dr

src/components/LayoutSideNavigation/LayoutSideNavigation.css

@@ -35,7 +35,7 @@
   padding: 24px;
 
   @media (--viewportLarge) {
-    padding: 118px 15vw 82px 82px;
+    padding: 116px 15vw 82px 82px;
     background-color: var(--matterColorLight);
     border-left-width: 1px;
     border-left-style: solid;

src/components/LayoutWrapperSideNav/LayoutWrapperSideNav.css

@@ -14,7 +14,7 @@
   box-shadow: var(--boxShadow);
 
   @media (--viewportLarge) {
-    padding: 113px 0 82px 15vw;
+    padding: 112px 0 82px 15vw;
     flex-direction: column;
     justify-content: flex-start;
     border: none;

src/components/Reviews/Reviews.css

@@ -4,7 +4,7 @@
   margin: 0;
 }
 
-li {
+.reviewItem {
   margin-bottom: 32px;
 
   &:last-of-type {

src/components/Reviews/Reviews.js

@@ -54,7 +54,7 @@ const ReviewsComponent = props => {
     <ul className={classes}>
       {reviews.map(r => {
         return (
-          <li key={`Review_${r.id.uuid}`}>
+          <li key={`Review_${r.id.uuid}`} className={css.reviewItem}>
             <Review review={r} intl={intl} />
           </li>
         );

src/containers/ProfilePage/ProfilePage.css

@@ -86,8 +86,6 @@
 .bio {
   /* Preserve newlines, but collapse other whitespace */
   white-space: pre-line;
-
-  max-width: 563px;
   margin: 5px 0 24px 0;
 
   @media (--viewportMedium) {
@@ -95,6 +93,7 @@
   }
   @media (--viewportLarge) {
     margin: 0 0 56px 0;
+    max-width: 600px;
   }
 }
 
@@ -118,7 +117,8 @@
     margin-bottom: 0;
   }
   @media (--viewportLarge) {
-    margin-top: 19px;
+    margin-top: 58px;
+    margin-bottom: 8px;
   }
 }
 
@@ -158,10 +158,11 @@
     }
 
     /* Vertical space */
-    margin-top: 41px;
+    margin-top: 0;
     &:nth-of-type(1),
     &:nth-of-type(2) {
       margin-top: 20px;
+      margin-bottom: 36px;
     }
   }
 }
@@ -174,6 +175,10 @@
 
 .desktopReviews {
   margin-top: 28px;
+
+  @media (--viewportLarge) {
+    max-width: 600px;
+  }
 }
 
 .desktopReviewsTitle {