minor improvements to Thankful website (looks better on small screens, minor improvements to wording)

Author: ErikBjare

thankful/index.pug

@@ -27,7 +27,7 @@ html
 
               hr(style="width: 24em; margin: 2em auto 2em auto;")
 
-              div
+              div(style="padding: 0 1em")
                 h5
                   b Try the early alpha!
 
@@ -36,7 +36,7 @@ html
                     | #[i.fab.fa-firefox(style="color: #FFF")] Firefox
 
                 div(style="display: flex; align-items: center; justify-content: center;")
-                  div(style="margin: 0 1em")
+                  div(style="margin-right: 1em")
                     a(href="https://chrome.google.com/webstore/detail/thankful/eapbondnpopbiepnjfhnaaejfdfjhnde")
                       img(src="https://developer.chrome.com/webstore/images/ChromeWebStore_BadgeWBorder_v2_206x58.png")
                   div
@@ -46,13 +46,12 @@ html
                 div.mdl-typography--body-2-color-contrast(style="margin-top: 0.5em")
                   | ...or get the code on #[a(href="https://github.com/SuperuserLabs/thankful").mdl-typography--body-2-color-contrast GitHub]
 
-                p
+                figure(style="border: 1px solid #555; border-radius: 3px; width: 30em; max-width: 100%; margin: 1em auto;")
                   a(href="/media/screenshot-thankful-1280x800.png")
-                    figure(style="border: 1px solid #555; border-radius: 3px; width: 30em; max-width: 100%; margin: 0 auto 0 auto")
-                      img(src="/media/screenshot-thankful-1280x800.png", width="100%")
+                    img(src="/media/screenshot-thankful-1280x800.png", width="100%")
 
-              div(style="margin: 3em 3em 0 3em")
-                include /templates/email-signup-horizontal.pug
+                //div(style="margin: 1em 3em 0 3em")
+                  include /templates/email-signup-horizontal.pug
 
               //div
                 h5(style='margin-bottom: 0.5em')
@@ -80,16 +79,16 @@ html
                     li Medium
                     li ...and more to come
 
-            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-phone
+            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-tablet
               +fa('heart', 'fas', 'red')
 
           +section.mdl-color--grey-100
             +cell(9)
-                +sectitle Healthier incentives, for a healthier web
-                p There is a fundamental issue on the internet where ad-funded creators have incentive to steal your attention as long as possible instead of providing you with as much value as they can.
+                +sectitle Healthier incentives, for a better web
+                p There is a fundamental issue on the internet where ad-funded creators have incentive to steal your attention as long as possible instead of providing you with as much value as they can. And if you use an ad blocker, even your favorite creators get nothing from having you in their audience.
 
                 p By using Thankful, you incentivize creators to spend more time and effort on creating #[b what you want].
-            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-phone
+            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-tablet
               span
                 +fa('seedling', 'fas', 'green')
 
@@ -102,7 +101,7 @@ html
                   | Payments are made with Ether*, the currency native to the Ethereum blockchain. This provides low transaction fees and lets us build more advanced features in the future by utilizing smart contracts and the vibrant Ethereum ecosystem.
                 p
                   i *support for more cryptocurrencies planned
-            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-phone
+            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-tablet
               span(style="margin-right: 2em")
                 +fa('ethereum', 'fab', 'blue-grey-900')
               span
@@ -114,7 +113,7 @@ html
                 | Zero fees #[span(style="opacity: 0.5") (almost) ]
               p The only fees you pay are transaction fees (usually ~1-3%), and the voluntary "I'm thankful for Thankful"-fee. This means #[b creators will get more] of what you give, and #[b reduces fees by about 90%] compared to Patreon.
               p You can read more about how we get rid of almost all fees #[a(href="https://github.com/SuperuserLabs/thankful/wiki/Fees") here].
-            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-phone
+            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-tablet
               +fa('coins', 'fas', 'amber')
 
           +section
@@ -123,7 +122,7 @@ html
                 | Open source, unstoppable, and you own your data
               p We believe in open source and self-ownership of data. That's why we designed Thankful so that we don't collect any of your data and don't need any servers. Even if we disappeared tomorrow, Thankful would still work.
 
-            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-phone
+            +cell(3)(align='right', style="margin-top: 1em").mdl-cell--hide-tablet
               +fa('code', 'fas', 'grey-500')
 
           +section.mdl-color--grey-100