fix: add css fixs (#58)

sismo-core · Jun 14, 2023 · 36d0075 · 36d0075
1 parent 69c8473
commit 36d0075
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/src/pages/Connect/Flow/DataRequests/components/DataClaimRequest.tsx b/src/pages/Connect/Flow/DataRequests/components/DataClaimRequest.tsx
@@ -63,12 +63,18 @@ const Right = styled.div`
   align-items: center;
   width: 96px;
   flex-shrink: 0;
+  @media (max-width: 768px) {
+    padding-left: 16px;
+  }
 `;
 
 const StyledButton = styled(ImportButton)`
   height: 28px;
   width: 96px;
   font-size: 12px;
+  @media (max-width: 656px) {
+    margin-top: 16px;
+  }
 `;
 
 const InnerButton = styled.div`

diff --git a/src/pages/Connect/Flow/DataRequests/components/DataSourceRequest.tsx b/src/pages/Connect/Flow/DataRequests/components/DataSourceRequest.tsx
@@ -76,12 +76,18 @@ const Right = styled.div`
   align-items: center;
   width: 96px;
   flex-shrink: 0;
+  @media (max-width: 768px) {
+    padding-left: 16px;
+  }
 `;
 
 const StyledButton = styled(ImportButton)`
   height: 28px;
   width: 96px;
   font-size: 12px;
+  @media (max-width: 656px) {
+    margin-top: 16px;
+  }
 `;
 
 const InnerButton = styled.div`