From d13c84fd6029b8f013b16e41041b7cf8bc3a57f3 Mon Sep 17 00:00:00 2001
From: Cathy Casey <cathy.casey@ocelotconsulting.com>
Date: Sat, 16 May 2020 17:36:25 -0500
Subject: [PATCH 1/2] Fixing issue where caption of services pictures on main
 page was scrollable

---
 _includes/information.html | 62 +++++++++++++++++++-------------------
 1 file changed, 31 insertions(+), 31 deletions(-)

diff --git a/_includes/information.html b/_includes/information.html
index 5a386bf..dab1935 100644
--- a/_includes/information.html
+++ b/_includes/information.html
@@ -29,26 +29,26 @@ <h2 class="subtitle subtitle__spacing-medium subtitle__spacing-medium">
           <h1 class="title title__spacing-small">Services</h1>
           <h2 class="subtitle subtitle__spacing-small">How can Ocelot help transform your business?</h2>
           {% for group in page.serviceGroups %}
-            <div class="columns">
-              {% for service in group.services %}
-                <div class="column is-4 {{ service.customClass }}">
-                  <div class="card">
-                    <div class="card-image">
-                      <figure class="image is-5by3" style="margin: 0;">
-                        <img src="{{ service.image }}" class="is-16by9" alt="{{ service.title }}">
-                      </figure>
-                    </div>
-                    <div class="card-content">
-                      <div class="media">
-                        <div class="media-content">
-                          <p class="title is-4">{{ service.title }}</p>
-                        </div>
-                      </div>
+          <div class="columns">
+            {% for service in group.services %}
+            <div class="column is-4 {{ service.customClass }}">
+              <div class="card">
+                <div class="card-image">
+                  <figure class="image is-5by3" style="margin: 0;">
+                    <img src="{{ service.image }}" class="is-16by9" alt="{{ service.title }}">
+                  </figure>
+                </div>
+                <div class="card-content">
+                  <div class="media">
+                    <div class="media-content">
+                      <p class="title is-4" style="overflow: hidden">{{ service.title }}</p>
                     </div>
                   </div>
                 </div>
-              {% endfor %}
+              </div>
             </div>
+            {% endfor %}
+          </div>
           {% endfor %}
           <br />
           <a href="/services" class="button is-primary is-outlined">Explore Our Services</a>
@@ -97,23 +97,23 @@ <h1 class="title">
           </h1>
           <h2 class="subtitle subtitle__spacing-small"> Industries that we've empowered so far </h2>
           {% for industries in page.industryGroups %}
-            <div class="columns padding-bottom">
-              {% for industry in industries.industries %}
-                <div class="column is-6 {{ industry.customClass }}">
-                  <div class="columns is-vcentered">
-                    <div class="column is-4">
-                      <div>
-                        <a href="{{ industry.caseStudy }}"><i class="fas {{ industry.icon }} fa-3x is-primary"></i></a>
-                      </div>
-                    </div>
-                    <div class="column is-8" style="text-align: left;">
-                      <div class="icon-title icon-title--padding-bottom">{{ industry.title }}</div>
-                      <div>{{ industry.description }}</div>
-                    </div>
+          <div class="columns padding-bottom">
+            {% for industry in industries.industries %}
+            <div class="column is-6 {{ industry.customClass }}">
+              <div class="columns is-vcentered">
+                <div class="column is-4">
+                  <div>
+                    <a href="{{ industry.caseStudy }}"><i class="fas {{ industry.icon }} fa-3x is-primary"></i></a>
                   </div>
                 </div>
-              {% endfor %}
+                <div class="column is-8" style="text-align: left;">
+                  <div class="icon-title icon-title--padding-bottom">{{ industry.title }}</div>
+                  <div>{{ industry.description }}</div>
+                </div>
+              </div>
             </div>
+            {% endfor %}
+          </div>
           {% endfor %}
           <br />
           <a href="/industries/" class="button is-primary is-outlined">Learn more about the industries we serve </a>
@@ -121,4 +121,4 @@ <h2 class="subtitle subtitle__spacing-small"> Industries that we've empowered so
       </div>
     </section>
   </div>
-</section>
+</section>
\ No newline at end of file

From e6a85949a9d74a1c3e9744b82d0e08175d0bf020 Mon Sep 17 00:00:00 2001
From: Cathy Casey <cathy.casey@ocelotconsulting.com>
Date: Sun, 17 May 2020 00:16:33 -0500
Subject: [PATCH 2/2] Updated line height of Services to be slightly larger to
 accomodate size of title without overflowing on mobile

---
 _includes/information.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/_includes/information.html b/_includes/information.html
index dab1935..3189586 100644
--- a/_includes/information.html
+++ b/_includes/information.html
@@ -41,7 +41,7 @@ <h2 class="subtitle subtitle__spacing-small">How can Ocelot help transform your
                 <div class="card-content">
                   <div class="media">
                     <div class="media-content">
-                      <p class="title is-4" style="overflow: hidden">{{ service.title }}</p>
+                      <p class="title is-4" style="overflow: hidden; line-height: 1.25;">{{ service.title }}</p>
                     </div>
                   </div>
                 </div>