Merge pull request #1103 from flexion/962-styles

962 style tweaks
flexion · Mar 14, 2019 · 8fdeb77 · 8fdeb77
2 parents 39e38dc + 429d761
commit 8fdeb77
Show file tree

Hide file tree

Showing 7 changed files with 21 additions and 610 deletions.
diff --git a/web-client/src/styles/buttons.scss b/web-client/src/styles/buttons.scss
@@ -1,4 +1,5 @@
-.usa-button {
+.usa-button,
+.usa-button-secondary {
   margin: 0 20px 20px 0;
 }
 
@@ -54,7 +55,7 @@ button.text-style {
   }
 }
 
-.DocumentDetail .recall-button-box {
+.recall-button-box {
   padding: 2px;
   margin-right: 2px;
   margin-bottom: 20px;
@@ -88,7 +89,3 @@ button.text-style {
   padding: 4px 20px 4px 4px;
   margin: 4px;
 }
-
-#file-a-petition .usa-button-active:disabled {
-  background-color: $color-primary-darkest;
-}
diff --git a/web-client/src/views/BeforeStartingCase.jsx b/web-client/src/views/BeforeStartingCase.jsx
@@ -148,7 +148,7 @@ export const BeforeStartingCase = () => (
       <a className="usa-button" href="/start-a-case">
         Got It, Letʼs Start My Case
       </a>
-      <a className="usa-button usa-button-secondary" href="/">
+      <a className="usa-button-secondary" href="/">
         Cancel
       </a>
     </div>

diff --git a/web-client/src/views/CaseDetailEdit/CaseDetailEdit.jsx b/web-client/src/views/CaseDetailEdit/CaseDetailEdit.jsx
@@ -63,9 +63,7 @@ export const CaseDetailEdit = connect(
 
         <button
           aria-disabled={submitting ? 'true' : 'false'}
-          className={
-            submitting ? 'usa-button-active' : 'usa-button usa-button-secondary'
-          }
+          className={submitting ? 'usa-button-active' : 'usa-button-secondary'}
           disabled={submitting}
           type="submit"
         >

diff --git a/web-client/src/views/DocumentDetail/PendingMessages.jsx b/web-client/src/views/DocumentDetail/PendingMessages.jsx
@@ -17,17 +17,15 @@ class PendingMessagesComponent extends React.Component {
       users,
     } = this.props;
     return (
-      <div>
-        <div className="button-container">
-          <button
-            type="button"
-            id="create-message-button"
-            onClick={() => openCreateMessageModalSequence()}
-            className="usa-button-secondary"
-          >
-            Create Message
-          </button>
-        </div>
+      <>
+        <button
+          type="button"
+          id="create-message-button"
+          onClick={() => openCreateMessageModalSequence()}
+          className="usa-button-secondary"
+        >
+          Create Message
+        </button>
 
         {(!documentDetailHelper.formattedDocument ||
           !documentDetailHelper.formattedDocument.workItems ||
@@ -307,7 +305,7 @@ class PendingMessagesComponent extends React.Component {
               </div>
             ),
           )}
-      </div>
+      </>
     );
   }
 }

diff --git a/web-client/src/views/Error.jsx b/web-client/src/views/Error.jsx
@@ -30,7 +30,7 @@ export const Error = connect(
           )}
 
           <a
-            className="usa-button usa-button-secondary"
+            className="usa-button-secondary"
             href="https://www.ustaxcourt.gov/"
             id="us-tax-court"
           >