diff --git a/dashboard-ui/css/librarybrowser.css b/dashboard-ui/css/librarybrowser.css
index b7ab994e0d..f64002755d 100644
--- a/dashboard-ui/css/librarybrowser.css
+++ b/dashboard-ui/css/librarybrowser.css
@@ -373,7 +373,7 @@ a.itemTag:hover {
     left: .8em;
 }
 
-.itemCommunityRating + .userDataIcons {
+.itemCommunityRating:not(:empty) + .userDataIcons {
     margin-left: 1.25em;
 }
 
diff --git a/dashboard-ui/itemdetails.html b/dashboard-ui/itemdetails.html
index 2f1f8c088d..aff0927cfd 100644
--- a/dashboard-ui/itemdetails.html
+++ b/dashboard-ui/itemdetails.html
@@ -157,6 +157,10 @@
         <div data-role="content">
             <div class="detailPageContent">
 
+                <div id="childrenCollapsible" class="hide detailSection">
+                    <div class="detailSectionHeader"><span id="childrenTitle"></span></div>
+                    <div id="childrenContent" class="detailSectionContent"></div>
+                </div>
                 <div id="detailsSection" class="detailSection hide">
                     <div class="detailSectionHeader" style="margin-top: 0;">
                         Details
@@ -181,10 +185,6 @@
                     </div>
                     <div id="trailersContent" class="detailSectionContent"></div>
                 </div>
-                <div id="childrenCollapsible" class="hide detailSection">
-                    <div class="detailSectionHeader"><span id="childrenTitle"></span></div>
-                    <div id="childrenContent" class="detailSectionContent"></div>
-                </div>
                 <div id="additionalPartsCollapsible" class="detailSection hide">
                     <div class="detailSectionHeader">
                         Additional Parts
diff --git a/dashboard-ui/scripts/librarybrowser.js b/dashboard-ui/scripts/librarybrowser.js
index 01b3a5bf7d..52c558197b 100644
--- a/dashboard-ui/scripts/librarybrowser.js
+++ b/dashboard-ui/scripts/librarybrowser.js
@@ -1511,9 +1511,7 @@
                 html += '<div class="starRatingValue">';
                 html += item.CommunityRating.toFixed(1);
                 html += '</div>';
-            } else {
-                html += '<div style="display:inline-block;margin-left:-1.25em;"></div>';
-            }
+            } 
 
             if (item.CriticRating != null) {
 
@@ -2522,29 +2520,25 @@
             html += '</p>';
         }
 
-        html += '<p style="margin:1.25em 0;">';
+        html += '<div style="margin:1.25em 0;">';
         html += '<span class="itemCommunityRating">';
         html += LibraryBrowser.getRatingHtml(item, false);
         html += '</span>';
 
         if (isPortrait) {
-            html += '<span class="userDataIcons" style="margin-left:0;display:block;margin:1.25em 0;">';
+            html += '<span class="userDataIcons" style="display:block;margin:1.25em 0;">';
             html += LibraryBrowser.getUserDataIconsHtml(item);
             html += '</span>';
         } else {
-            html += '<span class="userDataIcons" style="margin-left:1em;">';
+            html += '<span class="userDataIcons">';
             html += LibraryBrowser.getUserDataIconsHtml(item);
             html += '</span>';
         }
-        html += '</p>';
-
-        //html += '<p class="itemOverlayHtml">';
-        //html += (item.OverviewHtml || item.Overview || '');
-        //html += '</p>';
+        html += '</div>';
 
         html += '<div>';
 
-        var buttonMargin = isPortrait || isSquare ? "margin:0 7px 0 0;" : "margin:0 10px 0 0;";
+        var buttonMargin = isPortrait || isSquare ? "margin:0 4px 0 0;" : "margin:0 10px 0 0;";
 
         var buttonCount = 0;