CSS tweaks in the welcome page, fix footer margin.

static/css/admin/checks.css

@@ -1,3 +1,5 @@
+/* The below rules are used in Django Admin */
+
 .field-code {
     font-family: monospace;
     font-size: 80%;
@@ -8,4 +10,4 @@
     background: #EEE;
     padding: 1px 4px;
     border-radius: 2px;
-}
+}

static/css/base.css

@@ -5,7 +5,7 @@ html {
 
 body {
     /* Margin bottom by footer height */
-    margin-bottom: 100px;
+    margin-bottom: 84px;
 }
 
 .footer {

static/css/my_checks.css

@@ -196,3 +196,7 @@
 #update-name-modal .modal-body {
     padding: 15px 40px;
 }
+
+#my-checks-bottom-actions {
+    margin-bottom: 20px;
+}

static/css/pricing.css

@@ -1,3 +1,9 @@
+#pricing-tagline {
+    font-weight: bold;
+    margin: 20px 0;
+    font-size: 28px;
+}
+
 #subscription-status form {
     display: inline-block;
 }
@@ -108,4 +114,4 @@
 
 .page-pricing .tooltip-inner {
     text-align: left;
-}
+}

static/css/welcome.css

@@ -8,7 +8,7 @@
 }
 
 .get-started-bleed {
-    background: #e5ece5;
+    background: #f2f5f2;
     padding: 3em 0;
 }
 
@@ -21,10 +21,19 @@
     text-align: center;
     padding: 100px 0;
     margin: 0;
-    font-size: 28px;
+    font-size: 36px;
+    font-weight: bold;
+}
+
+#pitch small {
+    display: block;
+    margin-top: 10px;
+    font-size: 18px;
+    color: #333;
 }
 
 #pitch-subtitle {
+    font-size: 14px;
     margin-top: 0;
     text-align: center;
 }
@@ -35,12 +44,11 @@
     margin: 10px auto;
 }
 
-#pitch-url-input {
+#pitch-url code {
-    text-align: center;
+    background: #f5f5f5;
-    background: #FFF;
+    display: inline-block;
-    border: 0;
+    margin-top: 0px;
-    box-shadow: none;
+    padding: 6px 9px;
-    cursor: text;
 }
 
 #pitch-text {
@@ -66,6 +74,15 @@
     margin-bottom: 80px;
 }
 
+.tour-section h3 {
+    margin-top: 10px;
+    font-weight: bold;
+}
+
+#welcome-integrations {
+    margin-bottom: 80px;
+}
+
 #welcome-integrations h1 {
     text-align: center;
     margin-bottom: 20px;
@@ -110,8 +127,8 @@
     border-top: 0;
 }
 
-.tab-pane p {
+#email.tab-pane {
-    padding: 15px;
+    padding: 20px;
     margin: 0;
 }
 

templates/front/my_checks.html

@@ -32,7 +32,7 @@
     {% endif %}
     </div>
 </div>
-<div class="row">
+<div id="my-checks-bottom-actions" class="row">
     <div class="col-sm-12">
         {% if num_available > 0 %}
             <form method="post" action="{% url 'hc-add-check' project.code %}" class="text-center">

templates/front/welcome.html

@@ -36,15 +36,11 @@
     </div>
     <div class="col-sm-6 col-sm-pull-6">
         <h2 id="pitch-subtitle">
-            {% site_name %} creates unique Ping URLs like this one:
+            For each of your periodic tasks,
+            {% site_name %} provides an unique URL like this one:
         </h2>
         <div id="pitch-url">
-            <input
+            <code>{{ ping_url }}</code>
-                id="pitch-url-input"
-                class="form-control"
-                type="text"
-                value="{{ ping_url }}"
-                readonly />
         </div>
     </div>
     </div>