fix mobile styles

0xPolygonID · Oct 3, 2024 · d30eb68 · d30eb68
1 parent eec8e2c
commit d30eb68
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/ui/src/components/shared/Detail.tsx b/ui/src/components/shared/Detail.tsx
@@ -74,7 +74,7 @@ export function Detail({
           {(() => {
             if (donwloadLink && href) {
               return (
-                <Flex align="center" gap={8} justify="flex-end">
+                <Flex align="center" gap={8} justify={sm ? "flex-end" : "flex-start"}>
                   <DownloadQRLink
                     button={
                       <Button

diff --git a/ui/src/styles/index.scss b/ui/src/styles/index.scss
@@ -317,6 +317,10 @@
     display: flex;
     justify-content: flex-end;
     word-break: keep-all;
+
+    @media screen and (width <= 576px) {
+      justify-content: flex-start;
+    }
   }
 
   .ant-typography-copy {