Merge pull request #366 from dkanada/margin

Minor fixes for section headers

src/components/cardbuilder/card.css

@@ -32,6 +32,8 @@ button {
 
 .itemsContainer {
     display: flex;
+    margin-left: -0.6em;
+    margin-right: -0.6em;
 }
 
 .vertical-list {
@@ -77,7 +79,7 @@ button {
 
 .cardBox {
     padding: 0 !important;
-    margin: .42em;
+    margin: 0.6em;
     transition: none;
     border: 0 solid transparent;
     /* These both are needed in case cardBox is a button */
@@ -86,25 +88,10 @@ button {
     contain: layout style;
 }
 
-/*.cardBox-withfocuscontent {
-    margin: .68em;
-}*/
-
-@media (min-width: 50em) {
-
-    .cardBox {
-        margin: .9em;
-    }
-}
-
 .cardBox-withfocuscontent-large {
     margin: .4em;
 }
 
-/*.card-focuscontent {
-    border: .12em solid transparent;
-}*/
-
 .card-focuscontent-large {
     border: .5em solid transparent;
 }
@@ -123,7 +110,6 @@ button {
 }
 
 @media (max-width: 50em) {
-
     .cardBox-bottompadded {
         margin-bottom: 1.2em !important;
     }
@@ -213,9 +199,9 @@ button {
     font-size: inherit;
 }
 
-    .cardContent-button:not(.defaultCardBackground) {
-        background-color: transparent;
-    }
+.cardContent-button:not(.defaultCardBackground) {
+    background-color: transparent;
+}
 
 .visualCardBox .cardContent {
     border-bottom-left-radius: 0;
@@ -371,9 +357,9 @@ button {
     justify-content: center;*/
 }
 
-    .textActionButton:hover {
-        text-decoration: underline;
-    }
+.textActionButton:hover {
+    text-decoration: underline;
+}
 
 .cardImageIcon {
     font-size: 5em;
@@ -797,4 +783,4 @@ button {
 .cardOverlayFab-primary:hover {
     transform: scale(1.4, 1.4);
     transition: 0.2s;
-}
+}

src/components/homesections/homesections.js

@@ -414,12 +414,8 @@ define(['connectionManager', 'cardBuilder', 'appSettings', 'dom', 'apphost', 'la
         var scrollX = !layoutManager.desktop;
 
         if (userViews.length) {
-
             html += '<div class="verticalSection">';
-
-            html += '<div class="sectionTitleContainer sectionTitleContainer-cards">';
             html += '<h2 class="sectionTitle sectionTitle-cards padded-left">' + globalize.translate('HeaderMyMedia') + '</h2>';
-            html += '</div>';
 
             if (scrollX) {
                 html += '<div is="emby-scroller" class="padded-top-focusscale padded-bottom-focusscale" data-mousewheel="false" data-centerfocus="true"><div is="emby-itemscontainer" class="scrollSlider focuscontainer-x padded-left padded-right">';