Fix 'Manage Volunteers' Styling on /volunteers page #5761 (#5791)

* Fix 'Manage Volunteers' Styling on /volunteers page #5761

* changed background to border

Gemfile.lock

@@ -659,4 +659,4 @@ RUBY VERSION
    ruby 3.2.2p53
 
 BUNDLED WITH
-   2.4.22
+   2.5.11

app/assets/stylesheets/pages/volunteers.scss

@@ -18,16 +18,18 @@ body.volunteers {
     }
   }
 }
-
-
 table#volunteers.dataTable.hover tbody tr.selected > * {
   background-color: rgba(54, 92, 245, 0.1);
   box-shadow: none; 
   color: inherit;
 }
-
 table#volunteers.dataTable.hover > tbody > tr.selected:hover > * {
   background-color: rgba(54, 92, 245, 0.15);
   box-shadow: none !important; 
   color: inherit;
 }
+
+.form-check-input {
+  border: 1px solid #757575;
+}
+

app/views/volunteers/index.html.erb

@@ -157,12 +157,12 @@
   </div>
 </div>
 
-<div class="tables-wrapper" data-controller="select-all" data-select-all-hidden-class="d-none" data-select-all-button-label-value="Manage Volunteer">
+<div class="tables-wrapper" data-controller="select-all" data-select-all-hidden-class="invisible" data-select-all-button-label-value="Manage Volunteer">
   <div class="row">
     <div class="col-lg-12">
       <div class="card-style mb-30">
         <div class="mb-3">
-          <button type="button" class="main-btn dark-btn btn-sm mb-2 mb-md-0 d-none" data-bs-toggle="modal" data-bs-target="#bulk-assigment-modal" data-select-all-target="button">
+          <button type="button" class="main-btn dark-btn btn-sm mb-2 mb-md-0 invisible" data-bs-toggle="modal" data-bs-target="#bulk-assigment-modal" data-select-all-target="button">
             <i class="lni lni-users mr-10"></i>
             <span class="d-inline" data-select-all-target="buttonLabel"></span>
           </button>