Implement comprehensive mobile experience framework for entire application

Views/Vehicle/Reminder/_ReminderRecordModal.cshtml

@@ -15,7 +15,7 @@
     <form>
         <div class="form-group">
             <div class="row">
-                <div class="col-md-6 col-12" id="reminderOptions">
+                <div class="col-md-6 col-12 mobile-single-column" id="reminderOptions">
                     <input type="text" id="workAroundInput" style="height:0px; width:0px; display:none;">
                     <label for="reminderDescription">@translator.Translate(userLanguage,"Description")</label>
                     <input type="text" id="reminderDescription" class="form-control" placeholder="@translator.Translate(userLanguage,"Reminder Description")" value="@Model.Description">
@@ -54,7 +54,7 @@
                         }
                     </select>
                 </div>
-                <div class="col-md-6 col-12">
+                <div class="col-md-6 col-12 mobile-single-column">
                     <label for="reminderNotes">@translator.Translate(userLanguage,"Notes(optional)")<a class="link-underline link-underline-opacity-0" onclick="showLinks(this)"><i class="bi bi-markdown ms-2"></i></a></label>
                     <textarea id="reminderNotes" class="form-control" rows="5">@Model.Notes</textarea>
                     <div class="form-check form-switch">