cleanup

app/assets/stylesheets/application.css.scss

@@ -68,6 +68,21 @@ h1, h2, h3 {
   box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
 }
 
+.submission-table tbody {
+  font-size: 0.75em;
+}
+
+.inline-svg svg {
+  display: inline
+}
+
+.svg-icon {
+  align-items: center;
+  display: inline-flex;
+  justify-content: center;
+}
+
+
 /* 
 Colours 
 #FFFFFF - White
@@ -101,6 +116,9 @@ Colours
     }
 }
 
+.backend-logo {
+  white-space: nowrap;
+}
 
 .features .columns {
   margin-bottom: 3em;
@@ -119,138 +137,20 @@ Colours
     vertical-align: text-bottom;
   }
 }
-/*
-Links
-*/
-.a-menu {
-    letter-spacing: 3px;
-    text-transform: uppercase;
-    transition: opacity 1s ease;
-    opacity: 0.8;
-}
-
-.a-menu:hover {
-    opacity: 1;
-    color: #000000 !important;
-    text-decoration: none;
-}
-
-
-/*
-Some aesthetic improvements
-*/
-nav {
-    padding-top: 20px;
-    max-height: 50px;
-}
-
-.paragraph {
-  line-height: 1.5em;
-}
-
-/*
-Hero
-*/
-.burger {
-    position: absolute;
-    top: 0;
-    right: 0;
-}
 
 .call-to-action {
   margin-top: 2em;
 }
 
-.box {
-    padding-top: 30px;
-    padding-bottom: 30px;
-}
-
-.box .icon {
-    margin-top: -10px;
-    color: #4c82fc !important;
-    transition: color 0.5s ease;
-}
-
-.box .icon:hover {
-    color: #4c82fc !important;
-}
-#twitter-feed .container .is-size-7 {
-    padding: 20px;
-}
-
-/*
-Features
-*/
-.feature-img {
-    max-width: 60%;
-    margin: 0 auto;
-}
-
-.column h3,
-.column p {
-    align-self: center;
-}
-
-@media(max-width: 1024px) {
-    .reverse-row-order {
-        flex-direction: column-reverse;
-        display: flex;
-    }
-}
-
-/*
-Newsletter
-*/
-#newsletter {
-    text-align: center;
-}
-
-#newsletter p {
-    width: 600px;
-    margin: 0 auto;
-}
-
 .social-link {
-    padding: 15px;
+  padding: 15px;
-    color: #FFFFFF !important;
+  color: #FFFFFF !important;
 }
 
-.newsletter-input {
-    border: none;
-    border-bottom: 2px solid #4c82fc;
-    border-radius: 0% !important;
-    box-shadow: none;
-    text-align: center;
-}
-
-#newsletter .field {
-    width: 400px;
-    max-width: 80%;
-    padding: 20px;
-    margin: 0 auto;
-}
-
-/*
-Footer
-*/
 #footer p {
-    padding: 20px;
+  padding: 20px;
 }
 
 #footer a {
-    color: #FFFFFF !important;
+  color: #white;
-}
-.submission-table tbody {
-  font-size: 0.75em;
-}
-
-.inline-svg svg {
-  display: inline
-}
-
-.svg-icon {
-  align-items: center;
-  display: inline-flex;
-  justify-content: center;
 }

app/views/forms/index.html.erb

@@ -1,6 +1,6 @@
 <div class="section">
   <div class="container">
-    <div class="columns is-centered is-multiline">
+    <div class="columns is-multiline">
       <div class="column is-3">
         <div class="card">
           <div class="card-content is-half">

app/views/home/index.html.erb

@@ -7,10 +7,10 @@
                 The form backend for designers and developers
               </h1>
               <p class="tag-line is-size-5">
-                Link your online forms to <span class="google-sheets"><%= image_tag 'google-sheets-icon.svg' %> Google Sheets</span> or <span class="airtable"><%= image_tag 'airtable-icon.svg' %> Airtable</span> and receive form submissions in your favorite spreadsheet tool.
+                Link your online forms to <span class="google-sheets backend-logo"><%= image_tag 'google-sheets-icon.svg' %> Google Sheets</span> or <span class="airtable "><%= image_tag 'airtable-icon.svg' %> Airtable</span> and receive form submissions in your favorite spreadsheet tool.
               </p>
               <p class="call-to-action">
-                <%= link_to "Get started", signup_url, class: 'button is-rounded is-primary has-text-white a-menu' %>
+                <%= link_to "Get started", signup_url, class: 'is-uppercase button is-rounded is-primary has-text-white a-menu' %>
                 or try our <%= link_to "Live demo", demo_url %>
               </p>
           </div>