add padding

Author: hmillersarah

ims-db.html

@@ -123,59 +123,56 @@
           <h2>Managed Application Control Blocks (ACBs)</h2>
         </div>
         <div class="pure-u-1">
-			<div class="pure-g pure-g-pad">
+			<div class="pure-g pure-g-pad-v">
 				<div class="pure-u-xl-1-2">
 					<h4>Implementing the IMS catalog and converting to managed ACBs</h4>
-					<p class="macb-p">
+					<p>
 					Ready to migrate to using managed ACBs? We're here to help.
 					</p>
-					<a
-					target="_blank"
-					rel="noopener noreferrer"
-					aria-label="Read the whitepaper on managed ACBs"
-					href="https://community.ibm.com/community/user/ibmz-and-linuxone/viewdocument/converting-ims-managed-acbs?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560&tab=librarydocuments">
-					Read the whitepaper →</a
-					>
-					<br />
-					<a
-					target="_blank"
-					rel="noopener noreferrer"
-					aria-label="Watch the playlist on managed ACBs"
-					href="https://mediacenter.ibm.com/playlist/details/1_6yvvheln/categoryId/122579632">
-					Watch the playlist →</a
-					>
-					<br />
-					<a
-					target="_blank"
-					rel="noopener noreferrer"
-					aria-label="See the FAQs on managed ACBs"
-					href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/michelle-carey1/2024/04/10/faqs-for-ims-managed-acbs">
-					See the FAQs →</a
-					>
-					<br />
-					<a
-					target="_blank"
-					rel="noopener noreferrer"
-					aria-label="IMS catalog webinars"
-					href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/amanda-stephens/2024/04/25/ims-catalog-webinar-series?communityKey=eba3ada3-db89-4dca-9154-328195f5e560">
-					IMS catalog webinars →</a
-					>
-					<br />
-					<a
-					target="_blank"
-					rel="noopener noreferrer"
-					aria-label="Managed ACBs webinars"
-					href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/amanda-stephens/2024/10/16/ims-managed-acbs-webinar-series?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
-					Managed ACBs webinars →</a
-					>
-					<br />
-					<a
-					target="_blank"
-					rel="noopener noreferrer"
-					aria-label="Take the IMS HALDB course"
-					href="https://www.ibm.com/training/course/ims-high-availability-large-database-haldb-DL00957G">
-					Take the IMS HALDB course →</a
-					>
+					<div class="vertical-g">
+						<a
+						target="_blank"
+						rel="noopener noreferrer"
+						aria-label="Read the whitepaper on managed ACBs"
+						href="https://community.ibm.com/community/user/ibmz-and-linuxone/viewdocument/converting-ims-managed-acbs?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560&tab=librarydocuments">
+						Read the whitepaper →</a
+						>
+						<a
+						target="_blank"
+						rel="noopener noreferrer"
+						aria-label="Watch the playlist on managed ACBs"
+						href="https://mediacenter.ibm.com/playlist/details/1_6yvvheln/categoryId/122579632">
+						Watch the playlist →</a
+						>
+						<a
+						target="_blank"
+						rel="noopener noreferrer"
+						aria-label="See the FAQs on managed ACBs"
+						href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/michelle-carey1/2024/04/10/faqs-for-ims-managed-acbs">
+						See the FAQs →</a
+						>
+						<a
+						target="_blank"
+						rel="noopener noreferrer"
+						aria-label="IMS catalog webinars"
+						href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/amanda-stephens/2024/04/25/ims-catalog-webinar-series?communityKey=eba3ada3-db89-4dca-9154-328195f5e560">
+						IMS catalog webinars →</a
+						>
+						<a
+						target="_blank"
+						rel="noopener noreferrer"
+						aria-label="Managed ACBs webinars"
+						href="https://community.ibm.com/community/user/ibmz-and-linuxone/blogs/amanda-stephens/2024/10/16/ims-managed-acbs-webinar-series?CommunityKey=eba3ada3-db89-4dca-9154-328195f5e560">
+						Managed ACBs webinars →</a
+						>
+						<a
+						target="_blank"
+						rel="noopener noreferrer"
+						aria-label="Take the IMS HALDB course"
+						href="https://www.ibm.com/training/course/ims-high-availability-large-database-haldb-DL00957G">
+						Take the IMS HALDB course →</a
+						>
+					</div>
 				</div>
 				<div class="pure-u-xl-1-2">
 					<h4>IMS Paradigm Shifts: Converting to Managed ACBs</h4>
@@ -197,11 +194,11 @@ <h4>IMS Paradigm Shifts: Converting to Managed ACBs</h4>
 						rel="noopener noreferrer">
 						<img
 						src="wp-content/imsdbprev.png"
-						class="gif-cover"
+						class="gif-cover gif-pad"
 						alt="Managed ACBs preview cover" />
 						<img
 						src="wp-content/imsdbclip.gif"
-						class="gif-video"
+						class="gif-video gif-pad"
 						alt="Managed ACBs preview video" />
 					</a>
 					</div>
@@ -213,7 +210,7 @@ <h4>IMS Paradigm Shifts: Converting to Managed ACBs</h4>
           <h4>More resources</h4>
         </div>
         <div class="pure-u-1">
-			<div class="pure-g pure-g-pad">
+			<div class="pure-g pure-g-pad-v">
 				<div class="pure-u-md-1-3 pure-g">
 					<div class="pure-u-xl-3-24">
 						<img

wp-includes/css/page.css

@@ -329,6 +329,13 @@ h6 {
   align-items: center;
 }
 
+.vertical-g {
+  display: flex;
+  flex-flow: column nowrap;
+  gap: 0.5em;
+  align-items: flex-start;
+}
+
 /* Format horizontal divider */
 .hr-container {
   padding: 2em 0em 3em 0em;
@@ -443,6 +450,10 @@ h6 {
   opacity: 1;
   transform: scale(1.03);
 }
+
+.gif-pad {
+  padding: 1em 0;
+}
 /* -------------------------------------------------------- */
 
 /* Banner */