From d9dbc4b4a835c00a2ffe904e2cba6f53715280e2 Mon Sep 17 00:00:00 2001
From: wafimohamed <158514667+wafimohamed@users.noreply.github.com>
Date: Thu, 26 Dec 2024 12:05:35 -0500
Subject: [PATCH] fixed button for mobile view

---
 .../edu-benefits/10216/config/form.js         |  4 ++--
 .../edu-benefits/10216/containers/App.jsx     |  8 ++++---
 .../10216/sass/10216-edu-benefits.scss        | 21 ++++++++++++++++++-
 3 files changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/applications/edu-benefits/10216/config/form.js b/src/applications/edu-benefits/10216/config/form.js
index d39a4105a3a4..8bd995b99fb2 100644
--- 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
index 461fb37ad76f..c44d53dbdfaf 100644
--- 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
index f8c129849fdf..2e3907217d43 100644
--- 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;
-}
\ No newline at end of file
+}
+
+@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;
+      }
+    }
+  }
\ No newline at end of file