Apply styles from wireframe

cfpb · Aug 9, 2017 · b756bf4 · b756bf4
1 parent 7425ee7
commit b756bf4
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 9 deletions.
diff --git a/src/Filters/DateFilter.jsx b/src/Filters/DateFilter.jsx
@@ -55,7 +55,7 @@ export class DateFilter extends React.Component {
   _renderDateInput( label, field ) {
     return (
       <div className="flex-all">
-          <label className="a-label a-label__heading">{ label }</label>
+          <label className="a-label a-label__heading body-copy">{ label }</label>
           <input type="date"
                  aria-describedby={'input-error_message-' + field}
                  className={ this._lookupStyle( field ) }

diff --git a/src/Filters/DateFilter.less b/src/Filters/DateFilter.less
@@ -1,7 +1,12 @@
 @import (less) "../base.less";
 
 .date-filter {
+  h5 {
+    margin-bottom:0;
+  }
+
   input[type=date] {
+    color: @gray;
     font-size: @size-vi;
   }
 

diff --git a/src/Filters/__tests__/__snapshots__/DateFilter.spec.jsx.snap b/src/Filters/__tests__/__snapshots__/DateFilter.spec.jsx.snap
@@ -24,7 +24,7 @@ exports[`component::DateFilter snapshot shows errors 1`] = `
     <div
       className="flex-all">
       <label
-        className="a-label a-label__heading">
+        className="a-label a-label__heading body-copy">
         From:
       </label>
       <input
@@ -39,7 +39,7 @@ exports[`component::DateFilter snapshot shows errors 1`] = `
     <div
       className="flex-all">
       <label
-        className="a-label a-label__heading">
+        className="a-label a-label__heading body-copy">
         Through:
       </label>
       <input
@@ -111,7 +111,7 @@ exports[`component::DateFilter snapshot supports no dates in the Redux Store 1`]
     <div
       className="flex-all">
       <label
-        className="a-label a-label__heading">
+        className="a-label a-label__heading body-copy">
         From:
       </label>
       <input
@@ -126,7 +126,7 @@ exports[`component::DateFilter snapshot supports no dates in the Redux Store 1`]
     <div
       className="flex-all">
       <label
-        className="a-label a-label__heading">
+        className="a-label a-label__heading body-copy">
         Through:
       </label>
       <input

diff --git a/src/__tests__/__snapshots__/App.spec.jsx.snap b/src/__tests__/__snapshots__/App.spec.jsx.snap
@@ -196,7 +196,7 @@ exports[`initial state renders without crashing 1`] = `
             <div
               className="flex-all">
               <label
-                className="a-label a-label__heading">
+                className="a-label a-label__heading body-copy">
                 From:
               </label>
               <input
@@ -211,7 +211,7 @@ exports[`initial state renders without crashing 1`] = `
             <div
               className="flex-all">
               <label
-                className="a-label a-label__heading">
+                className="a-label a-label__heading body-copy">
                 Through:
               </label>
               <input

diff --git a/src/__tests__/__snapshots__/FilterPanel.spec.jsx.snap b/src/__tests__/__snapshots__/FilterPanel.spec.jsx.snap
@@ -48,7 +48,7 @@ exports[`initial state renders without crashing 1`] = `
       <div
         className="flex-all">
         <label
-          className="a-label a-label__heading">
+          className="a-label a-label__heading body-copy">
           From:
         </label>
         <input
@@ -63,7 +63,7 @@ exports[`initial state renders without crashing 1`] = `
       <div
         className="flex-all">
         <label
-          className="a-label a-label__heading">
+          className="a-label a-label__heading body-copy">
           Through:
         </label>
         <input