fix mobile style

Author: c2d13p

widgets/src/components/styles.css

@@ -4,6 +4,11 @@
     font-size: 1rem;
     min-width: 400px;
     box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
+
+    @media (max-width: 768px) {
+        font-size: 0.875rem;
+        min-width: 320px;
+    }
 }
 
 .styled-table thead tr {
@@ -49,7 +54,7 @@
 
 .grant-box {
     width: 300px;
-    height: 150px;
+    height: 170px;
     overflow: hidden;
     padding: 1rem;
     margin-bottom: 1rem;