Fix h3 alignment problem - Issue codeforamerica#1482

Fixed the typo and the h3 problems. I gave the h3 elements the isolate class to clear out the floats from the teasers. This is how it was done on /companies/incubator-accelerator. I then fixed it on any page that had a heading following a teasers list.
bowmanmc · Nov 4, 2015 · b99cbd0 · b99cbd0
1 parent 13f3cb2
commit b99cbd0
Show file tree

Hide file tree

Showing 7 changed files with 12 additions and 11 deletions.
diff --git a/about/international/index.html b/about/international/index.html
@@ -216,7 +216,7 @@ <h1 class="teaser-title">Code for Poland</h1>
     </ul>
 
 
-                    <h3>Advisors and Mentors</h3>
+                    <h3 class="isolate">Advisors and Mentors</h3>
 
                     <div>
                         <table border="0" cellspacing="2" cellpadding="2">

diff --git a/practices/data-driven/index.html b/practices/data-driven/index.html
@@ -117,7 +117,7 @@ <h1 class="teaser-title">2014 Summit Panel Discussion: Clearly defining goals in
       </li>
     </ul>
 
-    <h3>Further Reading</h3>
+    <h3 class="isolate">Further Reading</h3>
     <ul class="list-no-bullets list-icons">
       <li class="icon-new-tab">
         <a href="http://datasmart.ash.harvard.edu/news/article/about-the-book-the-responsive-city-529">Read: The Responsive City</a>

diff --git a/practices/design/index.html b/practices/design/index.html
@@ -96,7 +96,7 @@ <h2 id='resources'>Practice User Centered Design</h2>
 		<h3>Guides</h3>
 
 		<ul class="list-no-bullets list-icons">
-				<li class="icon-lamp"><a href="/governments/principles/design/">User Center Design Guide</a>
+				<li class="icon-lamp"><a href="/governments/principles/design/">User Centered Design Guide</a>
 				<p>Use this guide if you are just getting started with a user centered approach to solving problems, designing services or products.</p>
 				</li>
 				<li class="icon-lamp"><a href="http://www.usability.gov/what-and-why/user-centered-government.html">User Research Policy Toolkit</a>
@@ -154,7 +154,7 @@ <h1 class="teaser-title">Designing For and With People: A User Centered Approach
         <article class="teaser">
             <header class="teaser-header">
                 <a href="https://www.youtube.com/watch?v=rkqVWJKUqK4&list=PL65XgbSILalV-wInUiERrhjweMlJkukMd">
-                    <h1 class="teaser-title">Redesigning Governmnet, how everyone is a designer: Dana Chisnell</h1>
+                    <h1 class="teaser-title">Redesigning Government, how everyone is a designer: Dana Chisnell</h1>
                 </a>
             </header>
             <div class="teaser-body">
@@ -170,8 +170,9 @@ <h1 class="teaser-title">Redesigning Governmnet, how everyone is a designer: Dan
           </article>
         </li>
       </ul>
-
-	<h3>Further Reading</h3>
+
+
+	<h3 class="isolate">Further Reading</h3>
 		<ul class="list-no-bullets list-icons">
 			<li class="icon-new-tab"><a href="http://beyondtransparency.org/chapters/part-3/the-beginning-of-a-beautiful-friendship-data-and-design-in-innovative-citizen-experiences/">Read: Beyond Transparency, Data and Design in Innovative Citizen Experiences</a>
 				<p>In our Publication 'Beyond Transpatency' Cyd Harrell discusses how to use data and design processes to improve the citizen experience with city services.</p>

diff --git a/practices/engagement/index.html b/practices/engagement/index.html
@@ -178,7 +178,7 @@ <h1 class="teaser-title">Laurenellen McCann: Meeting residents where they are</h
         </li>
     </ul>
 
-		<h3>Further Reading</h3>
+		<h3 class="isolate">Further Reading</h3>
 
 		<ul class="list-no-bullets list-icons">
 			<li class="icon-new-tab"><a href="http://mncampuscompact.org/cdce/">Read: List of Digital Engagement Tools</a>

diff --git a/practices/iterate/index.html b/practices/iterate/index.html
@@ -82,7 +82,7 @@ <h1 class="teaser-title">Aaron Ogle: Building Phila.go in the open and iterative
 
           </div>
           <footer class="teaser-footer">
-            <a href="https://www.youtube.com/watch?v=NgPXf0PZ8EM&index=19&list=PL65XgbSILalUZFyWsZqbtZKN1iffAOM5M class="teaser-masthead">
+            <a href="https://www.youtube.com/watch?v=NgPXf0PZ8EM&index=19&list=PL65XgbSILalUZFyWsZqbtZKN1iffAOM5M" class="teaser-masthead">
               <img class="teaser-image" src="/media/images/practices/aaron-ogle.jpg" style="top: 0px; position: relative">
               <span class="teaser-type teaser-type-article">2015 Summit</span>
             </a>
@@ -111,7 +111,7 @@ <h1 class="teaser-title">2014 Summit Workshop: Denver Peak Academy</h1>
       </li>
     </ul>
 
-    <h3>Further Reading</h3>
+    <h3 class="isolate">Further Reading</h3>
     <ul class="list-no-bullets list-icons">
       <li class="icon-new-tab">
         <a href="http://ben.balter.com/2011/11/29/towards-a-more-agile-government/">Read: Towards a More Agile Government</a>

diff --git a/practices/open/index.html b/practices/open/index.html
@@ -184,7 +184,7 @@ <h1 class="teaser-title">2014 Summit Panel Discussion: Defaulting to Open</h1>
         </li>
     </ul>
 
-		<h3>Further Reading</h3>
+		<h3 class="isolate">Further Reading</h3>
 
 		<ul class="list-no-bullets list-icons">
 

diff --git a/practices/team-building/index.html b/practices/team-building/index.html
@@ -142,7 +142,7 @@ <h1 class="teaser-title">Ariel Kennan: Getting Designers into Government - Infor
         </article>
         </li>
     </ul>
-		<h3>Further Reading</h3>
+		<h3 class="isolate">Further Reading</h3>
 
 		<ul class="list-no-bullets list-icons">