commit fdddcf19f2983f63da92e7afccb95e024113c2f0
author Unknown <electrikjesus@gmail.com> Sat Jan 12 00:09:43 2019 -0500
committer Unknown <electrikjesus@gmail.com> Sat Jan 12 00:09:43 2019 -0500
tree f2e7da1e703360cf394b5e85ddd2115d378d184b
parent 2b419ec8116c0ef03e0a35ad6f1f52fbc484b5df

Move to flex for all modal buttons

index.html

diff --git a/index.html b/index.html
index 838c201..f0a5f42 100644
--- a/index.html
+++ b/index.html
@@ -226,7 +226,7 @@
                 <li>Tons of Customization Options</li>
                 <li>Device Support not Guaranteed</li>
               </ul> <a class="btn btn-primary mt-3 text-white" data-target="#popup-modal1" data-toggle="modal" style="">Download Now</a>
-              <div id="popup-modal1" class="modal fade">
+              <div id="popup-modal1" class="modal fade flex-grow-1 align-items-center justify-content-center">
                 <div class="modal-dialog">
                   <div class="modal-content">
                     <div class="modal-body px-3 bg-dark">
@@ -234,17 +234,17 @@
                       <p class="text-center">Please consider a small donation as a way to help keep our project moving forward. </p>
                       <div class="modal-social text-right">
                         <div class="row">
-                          <div class="col-sm-6">
+                          <div class="flex-grow-1">
                             <a class="btn btn-primary btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MKDDQGLYDKGV6&amp;source=url">Donate $5</a>
                           </div>
-                          <div class="col-sm-6">
+                          <div class="flex-grow-1">
                             <a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=99GBH7ZW77P54&amp;source=url">Donate $10</a>
                           </div>
                         </div>
                       </div>
                       <div class="modal-social text-right pt-2">
                         <div class="row">
-                          <div class="col-sm-6 col-md-12">
+                          <div class="d-flex flex-grow-1 justify-content-center align-items-center">
                             <a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
                           </div>
                         </div>
@@ -280,7 +280,7 @@
               </ul>
               <a class="btn btn-primary mt-3 text-white" href="" target="_blank" data-target="#popup-modal4" data-toggle="modal">Learn More&nbsp;</a>
               <a class="btn btn-primary mt-3 text-white" href="" data-target="#popup-modal2" data-toggle="modal">Download Now</a>
-              <div id="popup-modal4" class="modal fade">
+              <div id="popup-modal4" class="modal fade flex-grow-1 align-items-center justify-content-center">
                 <div class="modal-dialog">
                   <div class="modal-content">
                     <div class="modal-body px-3 bg-light">
@@ -302,7 +302,7 @@
                   </div>
                 </div>
               </div>
-              <div id="popup-modal2" class="modal fade">
+              <div id="popup-modal2" class="modal fade align-items-center justify-content-center flex-grow-1">
                 <div class="modal-dialog">
                   <div class="modal-content">
                     <div class="modal-body px-3 bg-dark">
@@ -310,15 +310,15 @@
                       <p class="text-center">Please consider a small donation as a way to help keep our project moving forward. </p>
                       <div class="modal-social text-right">
                         <div class="row">
-                          <div class="col-sm-6">
+                          <div class="flex-grow-1">
                             <a class="btn btn-primary btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=MKDDQGLYDKGV6&amp;source=url">Donate $5</a>
                           </div>
-                          <div class="col-sm-6">
+                          <div class="flex-grow-1">
                             <a class="btn btn-info btn-block" target="”_blank”" href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=99GBH7ZW77P54&amp;source=url">Donate $10</a>
                           </div>
                         </div>
                         <div class="row">
-                          <div class="col-sm-6 col-md-12 pt-2">
+                          <div class="pt-2 flex-grow-1 d-flex align-items-center justify-content-center">
                             <a class="btn btn-block text-white btn-outline-secondary" href="https://www.paypal.me/TeamBliss" target="_blank">Donate Other Amount</a>
                           </div>
                         </div>
@@ -369,7 +369,7 @@
               </ul>
               <p class="my-3" style=""><b>*</b> Custom kernel and device development is available at hourly rates</p>
               <a class="btn btn-primary mt-3 text-white" href="" data-target="#popup-modal3" data-toggle="modal">Contact Us</a>
-              <div id="popup-modal3" class="modal fade">
+              <div id="popup-modal3" class="modal fade justify-content-center align-items-center flex-grow-1">
                 <div class="modal-dialog">
                   <div class="modal-content">
                     <div class="modal-body px-3 bg-dark">