From ec833d1b967ce1a052422b294336b24aa1690826 Mon Sep 17 00:00:00 2001
From: Tuan Nguyen <amtuannguyen@gmail.com>
Date: Tue, 7 Jan 2025 07:36:21 -0500
Subject: [PATCH] stack column in smaller screens

---
 app/views/root/show.html.erb | 17 +++++++----------
 1 file changed, 7 insertions(+), 10 deletions(-)

diff --git a/app/views/root/show.html.erb b/app/views/root/show.html.erb
index 899fdde..5e2679b 100644
--- a/app/views/root/show.html.erb
+++ b/app/views/root/show.html.erb
@@ -4,25 +4,22 @@
 </div>
 
 <div class="container">
-  <div class="row row-cols-2">
-    <div class="col">
+  <div class="row">
+    <div class="col-md">
       <h5 class="border-bottom pb-2">Passport York</h5>
       <p class="text-muted">
         Current York University students, faculty, and staff will normally have a Passport York account and a library card (in the form of a YU-card for students and some employee groups) through which they will be authenticated as authorized York University users.
       </p>
+      <p class="text-center">
+        <a href="<%= ppy_login_path %>" class="btn btn-primary">Login with Passport York</a>
+      </p>
     </div>
-    <div class="col">
+    <div class="col-md">
       <h5 class="border-bottom pb-2">Library Barcode and Password</h5>
       <p class="text-muted">
         Other members of the York University community who do not have a Passport York account will need to authenticate using the barcode number on their library card and password.
       </p>
-    </div>
-    <div class="col">
-      <p class="text-center">
-        <a href="<%= ppy_login_path %>" class="btn btn-primary">Login with Passport York</a>
-      </p>
-    </div>
-    <div class="col">
+      <br>
       <p class="text-center">
         <a href="<%= new_user_session_path %>" class="btn btn-secondary">Login with Library Barcode</a>
       </p>