Replace col-xs with col- to follow change in Bootstrap 4 (#466)

OrcaCollective · Jun 26, 2024 · ee67535 · ee67535
1 parent 21e0912
commit ee67535
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 8 deletions.
diff --git a/OpenOversight/app/templates/auth/user.html b/OpenOversight/app/templates/auth/user.html
@@ -11,7 +11,7 @@ <h1>
         <small>{{ user.email }}</small>
       </h1>
     </div>
-    <div class="col-md-6 col-xs-12">
+    <div class="col-md-6 col-12">
       <form class="form" method="post" role="form">
         {{ wtf.render_form(form, button_map={
                 "submit": "primary",

diff --git a/OpenOversight/app/templates/complaint.html b/OpenOversight/app/templates/complaint.html
@@ -9,7 +9,7 @@ <h1 class="page-header">
       </div>
     </div>
     <div class="row">
-      <div class="col-xs-12 col-sm-6 col-lg-8">
+      <div class="col-12 col-sm-6 col-lg-8">
         <p>
           Now that you've found the offending officer, it's time to submit a complaint
           to the relevant oversight body. For complaints regarding Chicago Police Department
@@ -27,7 +27,7 @@ <h3>
            class="btn btn-info btn-lrg">File Complaint Online</a>
       </div>
     </div>
-    <div class="col-xs-6 col-lg-4">
+    <div class="col-6 col-lg-4">
       <center>
         <img class="img-responsive" src="{{ officer_image }}" alt="Officer face">
       </center>

diff --git a/OpenOversight/app/templates/form.html b/OpenOversight/app/templates/form.html
@@ -10,7 +10,7 @@ <h1>
     </div>
     {% block page_header %}
     {% endblock page_header %}
-    <div class="col-md-6 col-xs-12">
+    <div class="col-md-6 col-12">
       {% block form %}
         {{ wtf.render_form(form, action=post_url, method='post', button_map={'submit':'primary'}) }}
         <br>

diff --git a/OpenOversight/app/templates/list_officer.html b/OpenOversight/app/templates/list_officer.html
@@ -265,19 +265,19 @@ <h3 class="panel-title accordion-toggle">Photo</h3>
           {% for officer in officers.items %}
             <li class="list-group-item">
               <div class="row">
-                <div class="col-md-6 col-xs-12">
+                <div class="col-md-6 col-12">
                   <a href="{{ url_for('main.officer_profile', officer_id=officer.id) }}">
                     <img class="officer-face img-responsive thumbnail" src="{{ officer.image | default("/static/images/placeholder.png") }}" alt="{{ officer.full_name() }}">
                   </a>
                 </div>
-                <div class="col-md-6 col-xs-12">
+                <div class="col-md-6 col-12">
                   <h2>
                     <a href="{{ url_for('main.officer_profile', officer_id=officer.id) }}"
                        id="officer-profile-{{ loop.index }}">{{ officer.full_name() }}</a>
                     <small>{{ officer.badge_number() | default('') }}</small>
                   </h2>
                   <div class="row">
-                    <div class="col-md-6 col-xs-6">
+                    <div class="col-md-6 col-6">
                       <dl>
                         <dt>Rank</dt>
                         <dd>
@@ -297,7 +297,7 @@ <h2>
                         </dd>
                       </dl>
                     </div>
-                    <div class="col-md-6 col-xs-6">
+                    <div class="col-md-6 col-6">
                       <dl>
                         <dt>Race</dt>
                         <dd>