fixed button for mobile view

department-of-veterans-affairs · Dec 26, 2024 · d9dbc4b · d9dbc4b
1 parent d56bb41
commit d9dbc4b
Show file tree

Hide file tree

Showing 3 changed files with 27 additions and 6 deletions.
diff --git a/src/applications/edu-benefits/10216/config/form.js b/src/applications/edu-benefits/10216/config/form.js
@@ -30,9 +30,9 @@ import SubmissionInstructions from '../components/SubmissionInstructions';
 const { date, dateRange } = commonDefinitions;
 
 const subTitle = () => (
-  <div className="schemaform-subtitle vads-u-color--gray">
+  <p className="schemaform-subtitle">
     35% Exemption Request from 85/15 Reporting Requirement (VA Form 22-10216)
-  </div>
+  </p>
 );
 
 let isAccredited = false;

diff --git a/src/applications/edu-benefits/10216/containers/App.jsx b/src/applications/edu-benefits/10216/containers/App.jsx
@@ -16,9 +16,11 @@ export default function App({ location, children }) {
     );
   });
   return (
-    <RoutedSavableApp formConfig={formConfig} currentLocation={location}>
-      {children}
-    </RoutedSavableApp>
+    <div className="form-22-10216-container row">
+      <RoutedSavableApp formConfig={formConfig} currentLocation={location}>
+        {children}
+      </RoutedSavableApp>
+    </div>
   );
 }
 App.propTypes = {

diff --git a/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss b/src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss
@@ -14,4 +14,23 @@
 }
 va-accordion-item[data-chapter="submissionInstructionsChapter"] {
     display: none;
-}
+}
+
+@media (max-width: $small-screen) {
+     .form-22-10216-container{
+        padding-inline: 0.5rem;
+     }
+    .form-22-10216-container .schemaform-buttons,
+    .form-22-10216-container .form-progress-buttons {
+      display: flex;
+      flex-direction: column !important;
+
+      div {
+        width: 100%;
+      }
+
+      div:first-of-type {
+        order: 2;
+      }
+    }
+  }