big buttons on small screens

Author: sneakers-the-rat

app/assets/stylesheets/application.scss

@@ -575,16 +575,9 @@ TODO
     padding: .25em .5em;
     border-radius: .5em;
     margin-left: .5em;
-
-    @media (max-width: 580px) {
-        background: none !important;
-        display: block;
-        text-align: center;
-    }
 }
 
 
-
 // Temp place for bootstrap variables
 $font-family-sans-serif:'Inter',
 -apple-system,
@@ -810,7 +803,8 @@ $btn-primary-border: darken($btn-primary-bg, 5%) !default;
         }
 
         @include media-breakpoint-down(sm){
-            height: calc(1.5em + 0.75rem + 2px);
+            flex-direction: column;
+            padding: 1em 1.5em;
         }