fix: rating alignment fix in responsive view (#634)

Co-authored-by: tumms2021389 <[email protected]>

Author: tammy-a11y

src/app/_samples/mediaco/components/list-view/list-view.component.html

@@ -43,8 +43,8 @@ <h3>{{ title }}</h3>
           </div>
         </div>
         <div class="extra-content" *ngIf="item.rating" style="margin-left: auto">
-          <img [src]="utils.getImageSrc('star-solid', utils.getSDKStaticContentUrl())" class="star" />&nbsp;
-          {{ item.rating }}
+          <img [src]="utils.getImageSrc('star-solid', utils.getSDKStaticContentUrl())" class="star" />
+          <div>{{ item.rating }}</div>
         </div>
       </div>
     </div>

src/app/_samples/mediaco/components/list-view/list-view.component.scss

@@ -129,6 +129,7 @@ $primary-purple: #9c27b0;
 .star {
   filter: brightness(0) saturate(100%) invert(60%) sepia(92%) saturate(748%) hue-rotate(1deg) brightness(101%);
   height: 16px;
+  margin-right: 5px;
 }
 
 .dot {