From 152bf1e36167709511455be59776ccaec99c7874 Mon Sep 17 00:00:00 2001
From: Jeff Avallone <jeff.avallone@gmail.com>
Date: Sun, 11 Feb 2018 12:49:02 -0500
Subject: [PATCH] Updating noscript statement

---
 src/components/PageTemplate.js                       |  4 ++--
 .../__snapshots__/PageTemplate.test.js.snap          | 12 ++++++++----
 src/pages/index/template.js                          |  7 ++++++-
 src/style.css                                        | 11 ++++-------
 4 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/src/components/PageTemplate.js b/src/components/PageTemplate.js
index 8f9ab87..6ab9fab 100644
--- a/src/components/PageTemplate.js
+++ b/src/components/PageTemplate.js
@@ -23,7 +23,7 @@ const PageTemplate = ({ title, children }) => (
           <a href="/">Regexper</a>
         </h1>
 
-        <ul>
+        <ul className="inline">
           <li><a href="https://github.com/javallone/regexper-static">
             <GithubIcon/>Source on GitHub
           </a></li>
@@ -33,7 +33,7 @@ const PageTemplate = ({ title, children }) => (
       { children }
 
       <footer>
-        <ul className="inline-list">
+        <ul className="inline with-separator">
           <li>
             Created by <a href="mailto:jeff.avallone@gmail.com">Jeff Avallone</a>
           </li>
diff --git a/src/components/__snapshots__/PageTemplate.test.js.snap b/src/components/__snapshots__/PageTemplate.test.js.snap
index d80e89c..4fb19b9 100644
--- a/src/components/__snapshots__/PageTemplate.test.js.snap
+++ b/src/components/__snapshots__/PageTemplate.test.js.snap
@@ -36,7 +36,9 @@ exports[`PageTemplate rendering 1`] = `
           Regexper
         </a>
       </h1>
-      <ul>
+      <ul
+        className="inline"
+      >
         <li>
           <a
             href="https://github.com/javallone/regexper-static"
@@ -52,7 +54,7 @@ exports[`PageTemplate rendering 1`] = `
     </p>
     <footer>
       <ul
-        className="inline-list"
+        className="inline with-separator"
       >
         <li>
           Created by 
@@ -117,7 +119,9 @@ exports[`PageTemplate rendering with title 1`] = `
           Regexper
         </a>
       </h1>
-      <ul>
+      <ul
+        className="inline"
+      >
         <li>
           <a
             href="https://github.com/javallone/regexper-static"
@@ -133,7 +137,7 @@ exports[`PageTemplate rendering with title 1`] = `
     </p>
     <footer>
       <ul
-        className="inline-list"
+        className="inline with-separator"
       >
         <li>
           Created by 
diff --git a/src/pages/index/template.js b/src/pages/index/template.js
index 80ecf34..da6d6ea 100644
--- a/src/pages/index/template.js
+++ b/src/pages/index/template.js
@@ -10,7 +10,12 @@ export default renderToString(
     <noscript>
       <Message icon={ AlertIcon } heading="JavaScript Required">
         <p>You need to enable JavaScript to use Regexper.</p>
-        <p>Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source by following the GitHub link in the header. There are two data collection tools integrated in the app: Google Analytics and Sentry.io. Google Analytics is used to track browser usage data and application performance. Sentry.io is a tool used to capture and report client-side JavaScript errors. Most popular ad blockers will prevent these tools from sending any tracking data, and doing so will <b>not</b> impact the performance of this app. Regexper is not supported by ad revenue or sales of any kind.</p>
+        <p>Regexper and the tools used to create it are all open source. If you are concerned that the JavaScript being delivered is in any way malicious, please inspect the source by following the GitHub link in the header. There are two data collection tools integrated in the app:</p>
+        <ul>
+          <li><b>Google Analytics</b> is used to track browser usage data and application performance.</li>
+          <li><b>Sentry.io</b> is a tool used to capture and report client-side JavaScript errors.</li>
+        </ul>
+        <p>Most popular ad blockers will prevent these tools from sending any tracking data, and doing so will <b>not</b> impact the performance of this app. Regexper is not supported by ad revenue or sales of any kind. The information collected by these tools is used to monitor application performance, determine browser support, and collect error reports.</p>
       </Message>
     </noscript>
 
diff --git a/src/style.css b/src/style.css
index ddbd449..0332b31 100644
--- a/src/style.css
+++ b/src/style.css
@@ -97,27 +97,24 @@ a {
   color: inherit;
 }
 
-ul {
+.inline {
   list-style: none;
   margin: 0;
   padding: 0;
 }
 
-li {
+.inline li {
   list-style-type: none;
   display: inline-block;
-}
-
-.inline-list li {
   white-space: nowrap;
 }
 
-.inline-list li:after {
+.with-separator li:after {
   content: '//';
   padding: 0 0.5rem;
 }
 
-.inline-list li:last-child:after {
+.with-separator li:last-child:after {
   content: '';
 }