INTERIM-178 Adjust padding on the top and bottom full Mega Panels pan…

…es (#187)
isubit · Dec 21, 2018 · 8ae77e9 · 8ae77e9
1 parent 8735dd5
commit 8ae77e9
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/css/suitcase.css b/css/suitcase.css
@@ -1701,6 +1701,20 @@ ul.tabs.secondary img {
     margin-bottom: 1rem;
 }
 
+.megapanels-wrapper_full_top,
+.megapanels-wrapper_full_bottom {
+    margin-right: 0.5rem;
+    margin-left: 0.5rem;
+}
+
+@media (max-width: 740px) {
+    .megapanels-wrapper_full_top,
+    .megapanels-wrapper_full_bottom {
+        margin-right: 2rem;
+        margin-left: 2rem;
+    }
+}
+
 @media (min-width: 1141px) {
 
     .megapanels-pane:first-child:nth-last-child(4),

diff --git a/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php b/panels/layouts/suitcase_megapanels/suitcase-megapanels.tpl.php
@@ -131,7 +131,7 @@
 	</div>
 
 	<?php if (!empty($content['bottom_full'])): ?>
-		<div class="megapanels_wrapper">
+		<div class="megapanels_wrapper megapanels-wrapper_full_top">
 			<div class="megapanels-full megapanels-full_bottom">
 				<div class="megapanels-pane_full">
 					<?php print $content['bottom_full']; ?>