Updated Text and Footer Styling

- Darkened color of text on homepage
- Using footer styling on all pages

analytics_dashboard/static/sass/_base.scss

@@ -305,6 +305,26 @@ hr.has-emphasis {
 }
 
 
+// Footer
+// --------
+.footer {
+  padding-bottom: ($padding-large-vertical);
+  font-size: $font-size-small;
+  color: $gray;
+  background-color: $gray-d2;
+
+  .legal {
+    padding-top: ($padding-large-vertical*2);
+  }
+
+  .feedback {
+    border-top: solid 2px $edx-blue;
+    background-color: white;
+    text-align: center;
+    padding: ($padding-large-vertical*2) 0;
+  }
+}
+
 // view: dashboard
 // --------------------
 .view-dashboard {
@@ -314,24 +334,6 @@ hr.has-emphasis {
     padding: ($padding-large-vertical*2) ($padding-large-horizontal*3);
   }
 
-  .footer {
-    padding-bottom: ($padding-large-vertical);
-    font-size: $font-size-small;
-    color: $gray;
-    background-color: $gray-d2;
-
-    .legal {
-      padding-top: ($padding-large-vertical*2);
-    }
-
-    .feedback {
-      border-top: solid 2px $edx-blue;
-      background-color: white;
-      text-align: center;
-      padding: ($padding-large-vertical*2) 0;
-    }
-  }
-
   // CASE: larger than small screen breakpoint
   @media (min-width: $screen-sm-min) {
 

analytics_dashboard/static/sass/_developer.scss

@@ -152,10 +152,14 @@ body.view-course-list {
     margin-top: 25px;
 
     .view-head {
-      color: $edx-gray-d1;
+      color: $edx-gray-d2;
       margin-bottom: 0;
     }
 
+    .intro-text {
+      color: $edx-gray-d1;
+    }
+
     .view-intro {
       .lead {
         font-size: $font-size-base;
@@ -169,6 +173,7 @@ body.view-course-list {
 
     .help-msg {
       font-size: $font-size-small;
+      margin-bottom: 50px;
     }
   }
 }

analytics_dashboard/templates/base.html

@@ -49,7 +49,7 @@
                 </div>
 
                 <div class="view-intro">
-                    <p class="lead text-muted">
+                    <p class="lead text-muted intro-text">
                         {% block intro-text %}{% endblock intro-text %}
                     </p>
                 </div>