Merge pull request #7 from imsdev/support-card-fix

Support Card Margin Issue

Author: hmillersarah

ims-support.html

@@ -300,11 +300,11 @@ <h1>Get help</h1>
 						<!-- =========================== Cards =========================== -->
 						<div class="zs-gray-section zs-white-section supp-sec">
 							<section id="support-section" class="zs-section pure-g">
-								<div class="pure-u-22-24" style="margin-left: auto; margin-right:auto;">
+								<div class="pure-u-22-24 supp-sec-g">
 
 									<!-- card 1 -->
-									<div class="ims-m-card supp-c">
-										<div class="pure-u-1">
+									<div class="ims-m-card supp-sec-c">
+										<div class="pure-u-1 supp-c">
 											<div class="pure-u-1">
 												<h3>
 													IBM Software Support
@@ -319,8 +319,8 @@ <h3>
 									</div>
 
 									<!-- card 2 -->
-									<div class="ims-m-card supp-c">
-										<div class="pure-u-1">
+									<div class="ims-m-card supp-sec-c">
+										<div class="pure-u-1 supp-c">
 											<div class="pure-u-1">
 												<h3>
 													IBM Fix Central
@@ -334,8 +334,8 @@ <h3>
 									</div>
 
 									<!-- card 3 -->
-									<div class="ims-m-card supp-c">
-										<div class="pure-u-1">
+									<div class="ims-m-card supp-sec-c">
+										<div class="pure-u-1 supp-c">
 											<div class="pure-u-1">
 												<h3>
 													IBM support forums
@@ -349,8 +349,8 @@ <h3>
 									</div>
 
 									<!-- card 4 -->
-									<div class="ims-m-card supp-c">
-										<div class="pure-u-1">
+									<div class="ims-m-card supp-sec-c">
+										<div class="pure-u-1 supp-c">
 											<div class="pure-u-1">
 												<h3>
 													Open an RFE
@@ -364,8 +364,8 @@ <h3>
 									</div>
 
 									<!-- card 5 -->
-									<div class="ims-m-card supp-c">
-										<div class="pure-u-1">
+									<div class="ims-m-card supp-sec-c">
+										<div class="pure-u-1 supp-c">
 											<div class="pure-u-1">
 												<h3>
 													IMS listserv
@@ -379,8 +379,8 @@ <h3>
 									</div>
 
 									<!-- card 6 -->
-									<div class="ims-m-card supp-c">
-										<div class="pure-u-1">
+									<div class="ims-m-card supp-sec-c">
+										<div class="pure-u-1 supp-c">
 											<div class="pure-u-1">
 												<h3>
 													Stack Overflow

wp-includes/css/pages/support.css

@@ -21,6 +21,15 @@
     padding-top:-90;
 }
 
+.supp-sec-g {
+    margin-left: auto; 
+    margin-right:auto;
+}
+
+.supp-sec-c {
+    margin-bottom: 5px !important;
+}
+
 .supp-c h3 {
     color: black;
 }