added songs to reviews

public/assets/css/userdetail.css

@@ -131,18 +131,41 @@
 }
 .section-user-detail .reviews .review-list {
   display: grid;
-  grid-template-columns: 1fr 1fr;
+  grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 25px;
 }
 .section-user-detail .reviews .review-list .review {
   background: rgba(255, 255, 255, 0.1);
   border-radius: 4px;
-  padding: 20px;
   display: block;
   transition: 0.2s ease-in-out opacity;
   text-decoration: none;
 }
+.section-user-detail .reviews .review-list .review .song {
+  border-top-left-radius: 4px;
+  border-top-right-radius: 4px;
+  color: #fff;
+  padding: 12px;
+  background: rgba(0, 0, 0, 0.15);
+  text-decoration: none;
+  display: grid;
+  grid-template-columns: auto 1fr;
+  grid-gap: 10px;
+}
+.section-user-detail .reviews .review-list .review .song .cover {
+  width: 32px;
+  height: 32px;
+  border-radius: 4px;
+}
+.section-user-detail .reviews .review-list .review .song .text {
+  margin-top: 6px;
+  color: rgba(255, 255, 255, 0.6);
+}
+.section-user-detail .reviews .review-list .review .song .text strong {
+  color: #fff;
+}
 .section-user-detail .reviews .review-list .review .metadata {
+  padding: 20px 20px 0px;
   display: grid;
   grid-template-columns: auto 1fr auto;
   grid-gap: 15px;
@@ -187,6 +210,7 @@
   opacity: 0.6;
 }
 .section-user-detail .reviews .review-list .review .comment {
+  padding: 0px 20px 20px;
   margin-top: 15px;
   line-height: 1.5em;
   word-break: normal;

public/assets/css/userdetail.css.map

-{"version":3,"sources":["userdetail.less"],"names":[],"mappings":"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","file":"userdetail.css"}
+{"version":3,"sources":["userdetail.less"],"names":[],"mappings":"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","file":"userdetail.css"}
\ No newline at end of file

public/assets/css/userdetail.less

@@ -151,18 +151,44 @@
 
         & .review-list {
             display: grid;
-            grid-template-columns: 1fr 1fr;
+            grid-template-columns: 1fr 1fr 1fr;
             grid-gap: 25px;
 
             & .review {
                 background: rgba(255,255,255,0.1);
                 border-radius: 4px;
-                padding: 20px;
                 display: block;
                 transition: 0.2s ease-in-out opacity;
                 text-decoration: none;
 
+                & .song {
+                    border-top-left-radius: 4px;
+                    border-top-right-radius: 4px;
+                    color: #fff;
+                    padding: 12px;
+                    background: rgba(0,0,0,0.15);
+                    text-decoration: none;
+                    display: grid;
+                    grid-template-columns: auto 1fr;
+                    grid-gap: 10px;
+
+                    & .cover {
+                        width: 32px;
+                        height: 32px;
+                        border-radius: 4px;
+                    }
+                    & .text {
+                        margin-top: 6px;
+                        color: rgba(255,255,255,0.6);
+
+                        & strong {
+                            color: #fff;
+                        }
+                    }
+                }
+
                 & .metadata {
+                    padding: 20px 20px 0px;
                     display: grid;
                     grid-template-columns: auto 1fr auto;
                     grid-gap: 15px;
@@ -210,6 +236,7 @@
                 }
 
                 & .comment {
+                    padding: 0px 20px 20px;
                     margin-top: 15px;
                     line-height: 1.5em;
                     word-break: normal;

templates/user/detail-reviews.html.twig

@@ -6,6 +6,10 @@
             <div class="review-list">
                 {% for review in reviews %}
                     <a href="{{ path('song.detail', {songId: review.song.id, tab: 'reviews'}) }}" class="review">
+                        <div class="song">
+                            <div class="cover" style="background-image: url({{ asset("uploads/thumbnail/" ~ review.song.fileReference ~ ".jpg?v=" ~ date().timestamp) }}), url({{ asset("assets/img/defaultAlbumArt.jpg") }});"></div>
+                            <div class="text"><strong>{{ review.song.title }}</strong> &dash; {{ review.song.artist }}</div>
+                        </div>
                         <div class="metadata">
                             <div class="avatar" style="background-image: url({{ asset('uploads/avatar/' ~ review.user.coverReference ~ '?t=' ~ date().timestamp) }}), url({{ asset("assets/img/defaultAvatar.jpg") }});"></div>
                             <div class="text">