Make Drop and Send page more consistent with rest of app

www/pages/dropandsend.html

@@ -20,8 +20,10 @@
 
     <div class="page-content">
         <div class="row justify-content-center">
-            <div class="col-100 medium-60 large-50 xlarge-40">
-                <div class="list transparent no-hairlines no-margin-top-sm tablet-inset elevation-tablet media-list">
+            <div class="col-100 medium-90 xlarge-75 margin-horizontal">
+                <div class="card margin">
+                    <div class="card-content text-align-center padding-vertical">
+                        <div class="list media-list">
                             <ul>
                                 <li class="padding text-align-center">
                                     Use one of our Drop and Send package drop boxes or partner locations for easier shipping,
@@ -37,7 +39,7 @@
                                 <li>
                                     <div class="item-content item-link hapticbtn popup-open" data-popup="#dasHowItWorksPopup">
                                         <div class="item-inner">
-                                    <div class="item-title-row">
+                                            <div class="item-title-row justify-content-center">
                                                 <div class="item-title"><i class="fas fa-question-circle"></i> How It Works</div>
                                             </div>
                                             <div class="item-text">Learn how Drop and Send works when sending a package.</div>
@@ -47,7 +49,7 @@
                                 <li>
                                     <div class="item-content item-link hapticbtn popup-open" data-popup="#dasLocationMapPopup">
                                         <div class="item-inner">
-                                    <div class="item-title-row">
+                                            <div class="item-title-row justify-content-center">
                                                 <div class="item-title"><i class="fas fa-map-marked"></i> Locations</div>
                                             </div>
                                             <div class="item-text">Find a nearby Drop and Send location to use.</div>
@@ -57,7 +59,7 @@
                                 <li>
                                     <div class="item-content item-link hapticbtn" id="pickupCodeQRScanBtn">
                                         <div class="item-inner">
-                                    <div class="item-title-row">
+                                            <div class="item-title-row justify-content-center">
                                                 <div class="item-title"><i class="fas fa-qrcode"></i> Scan Pickup Code</div>
                                             </div>
                                             <div class="item-text">Scan a Pickup Code on a drop box and we'll come get your package.</div>
@@ -67,7 +69,7 @@
                                 <li>
                                     <div class="item-content item-link hapticbtn" id="pickupCodeManualEntryBtn">
                                         <div class="item-inner">
-                                    <div class="item-title-row">
+                                            <div class="item-title-row justify-content-center">
                                                 <div class="item-title"><i class="fas fa-keyboard"></i> Type Location Number</div>
                                             </div>
                                             <div class="item-text">Type the location number on the drop box and we'll come get your package.</div>
@@ -88,6 +90,8 @@
                     </div>
                 </div>
             </div>
+        </div>
+    </div>
 
     <div class="popup" id="dasLocationMapPopup">
         <div class="navbar">