order view responsiveness

src/components/PhoneCard.vue

@@ -6,22 +6,18 @@
       <slot/>
     </v-card>
     <!-- phones use the entire screen -->
-    <v-container class="d-sm-none">
-      <slot/>
-    </v-container>
+    <div class="d-sm-none pa-0">
+      <slot class="pa-0"/>
+    </div>
   </div>
 </template>
 
 <script setup>
 import {useStore} from "@/store/store";
-
 const s = useStore()
 
 </script>
 
 <style scoped lang="scss">
 @use "src/styles/vars" as *;
-.phone-card {
-  max-width: $card-maxw;
-}
 </style>