Fixing design issue in firefox (#594)

Taraxa-project · Oct 17, 2023 · 0b4e3fc · 0b4e3fc
1 parent 97ef23d
commit 0b4e3fc
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 1 deletion.
diff --git a/services/explorer/src/components/AddressInfo/AddressDetails.tsx b/services/explorer/src/components/AddressInfo/AddressDetails.tsx
@@ -35,6 +35,7 @@ export const AddressDetails = ({
         flexDirection='row'
         alignItems='center'
         justifyContent='flex-start'
+        flexWrap='wrap'
         gap='2rem'
         mt={3}
       >

diff --git a/services/explorer/src/components/DataRow/DataRow.styles.ts b/services/explorer/src/components/DataRow/DataRow.styles.ts
@@ -19,7 +19,6 @@ const useStyles = makeStyles(
         [theme.breakpoints.down('md')]: {
           width: '100%',
         },
-        wordBreak: 'break-all',
       },
     };
   },

diff --git a/services/explorer/src/pages/PBFTData/PBFTDataContainer.tsx b/services/explorer/src/pages/PBFTData/PBFTDataContainer.tsx
@@ -149,6 +149,7 @@ const PBFTDataContainer = (): JSX.Element => {
             flexDirection='row'
             alignItems='center'
             justifyContent='flex-start'
+            flexWrap='wrap'
             gap='2rem'
             mt={3}
           >
-Original file line number
+Diff line change
@@ Expand Up / @@ -19,7 +19,6 @@ const useStyles = makeStyles( @@
             [theme.breakpoints.down('md')]: {
               width: '100%',
             },
-            wordBreak: 'break-all',
           },
         };
       },
@@ Expand Down @@