Add more mobile fixes

Author: tumppi

src/modals/AccessPeriodModal.tsx

@@ -31,6 +31,11 @@ const PeriodContainer = styled.div`
     border-radius: 8px;
     gap: 16px;
     padding: 32px 24px;
+    position: relative;
+
+    @media (max-width: 768px) {
+        grid-template-columns: 1fr;
+    }
 `
 
 const DetailsContainer = styled.div`

src/modals/PurchaseCompleteModal.tsx

@@ -10,7 +10,8 @@ const Box = styled.div`
     border-radius: 8px;
     padding: 32px 24px;
     margin: 0 auto;
-    width: 408px;
+    width: 100%;
+    max-width: 408px;
 
     h2 {
         font-size: 24px;