update layout, advocates and ideas page

Author: hmillersarah

ims-advocacy.html

@@ -328,7 +328,7 @@ <h1>Advocates and ideas</h1>
 					<h2>Who are they?</h2>
 				</div>
 				<div class="pure-u-md-3-4">
-					<div class="pure-g pure-g-pad center-content">
+					<div class="pure-g pure-g-pad">
 						<div class="pure-u-1 pure-u-md-9-24">
 							<div class="inline-g">
 								<img src="wp-content/Development.svg" alt="">
@@ -443,24 +443,21 @@ <h2>Shape the future of IMS</h2>
 					</p>
 				</div>
 				<div class="pure-u-1 pure-g pure-g-pad">
+					<img src="wp-content/icons/icon_idea.svg" alt="" class="icon-sm">
+					<h3>Review ideas and post your own</h3>
 					<div class="pure-u-md-11-24">
-						<img src="wp-content/icons/icon_idea.svg" alt="" class="icon-sm">
-						<h3>Review ideas and post your own</h3>
 						<ol>
 							<li><p>Review existing requirements to enhance IMS.</p></li>
 							<li><p>Optional: Comment, vote, or subscribe to those enhancements.</p></li>
-							<li><p>Post an idea if it doesn't already exist.</p></li>
-							<li><p>Get feedback from the IMS team and other customers to refine your idea.</p></li>
-							<li><p>Subscribe to follow the idea through the IMS ideas process.</p></li>
+							<li><p><p>Post an idea if it doesn't already exist.</p></p></li>
 						</ol>
 					</div>
-					<!-- <div class="pure-u-md-11-24">
-						<img src="wp-content/icons/icon_edit.svg" alt="" class="icon-sm">
-						<h3>Post your ideas</h3>
+					<div class="pure-u-md-11-24">
 						<ol>
-					
+							<li><p>Get feedback from the IMS team and other customers to refine your idea.</p></li>
+							<li><p>Subscribe to follow the idea through the IMS ideas process.</p></li>
 						</ol>
-					</div> -->
+					</div>
 				</div>
 				<div class="pure-u-1 pure-g pure-g-pad">
 					<div class="pure-u-md-11-24 pure-u-xl-5-24">

wp-includes/css/page.css

@@ -228,12 +228,6 @@
   padding: 1.2em;
 }
 
-/* Center content within pure-g */
-.center-content {
-  display: flex;
-  justify-content: center;
-}
-
 /* Format column group */
 .column-g > div {
   padding: 0.2em;
@@ -256,6 +250,13 @@
   margin-right: 2em;
 }
 
+.inline-g-ol {
+  display: flex;
+  flex-flow: row nowrap;
+  gap: 0.2em;
+  align-items: center;
+}
+
 /* Format horizontal divider */
 .hr-container {
   padding: 2em 0em 3em 0em;