Fix scrolling on mobile (#1189)

Some card effects were causing extra scrollbars to appear and break
scrolling on small devices. We just disable those on mobile.

src/frontend/src/styles/main.css

@@ -522,6 +522,13 @@ a:hover,
   border-radius: var(--vs-border-radius);
 }
 
+/* c-cards pretty much fill up the screen on small devices so we disable rounding */
+@media (max-width: 512px) {
+  .c-card {
+    border-radius: 0;
+  }
+}
+
 .c-card--highlight,
 .c-card--background {
   padding: var(--rs-card-bezel);
@@ -549,6 +556,13 @@ a:hover,
   filter: blur(8px);
 }
 
+/* c-cards pretty much fill up the screen on so disable the effect which causes scrolling issues */
+@media (max-width: 512px) {
+  .c-card--background::after {
+    inset: 0;
+  }
+}
+
 .c-card--background::before {
   position: absolute;
   content: "";