Better mobile pure layout

app/assets/stylesheets/admin/pure.sass

 @import 'pure/utils'
 @import 'pure/fonts'
 @import 'pure/variables'
+@import 'pure/grid'
 @import 'bootstrap'
 @import 'bootstrap-icons/font/bootstrap-icons'
 @import 'font-awesome'

app/assets/stylesheets/admin/pure/grid.sass

+*
+    --bs-gutter-x: 64px !important
+    @media (max-width: 768px)
+        --bs-gutter-x: 20px !important

app/assets/stylesheets/admin/pure/variables.sass

@@ -26,8 +26,6 @@ $color-background-alt: #F5F5F5
 
 $font-family-sans-serif: "Basier Square", sans-serif
 
-$grid-gutter-width: 64px
-
 $border-radius: 2px
 $border-radius-sm: $border-radius
 $border-radius-lg: $border-radius