make function modal fit into mobile version

Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>

package.json

@@ -1,7 +1,7 @@
 {
   "name": "ghost-dao-interface",
   "private": true,
-  "version": "0.5.36",
+  "version": "0.5.37",
   "type": "module",
   "scripts": {
     "dev": "vite",

src/components/Select/Select.jsx

@@ -34,6 +34,7 @@ const Select = ({
     inputWidth,
     renderValue = null,
     width = "100%",
+    maxWidth = "100%"
 }) => {
     const theme = useTheme();
     return (
@@ -41,6 +42,7 @@ const Select = ({
             display="flex"
             flexDirection="column"
             width={width}
+            maxWidth={maxWidth}
             sx={{ backgroundColor: theme.colors.gray[750] }}
             borderRadius="12px"
             padding="15px"

src/containers/Governance/components/functions/CreateBond.jsx

@@ -311,6 +311,7 @@ const TokenAndBooleansArguments = ({
                     value={selectedOption ?? ""}
                     onChange={handleChange}
                     options={possibleTokens}
+                    maxWidth="calc(100vw - 70px)"
                     inputWidth="100%"
                     renderValue={(selected) => {
                         if (!selected || selected.length === 0) {

src/containers/Governance/components/functions/index.jsx

@@ -257,7 +257,6 @@ export const ArgumentInput = ({
     )
 }
 
-// TODO: rename
 export const ParsedCell = (props) => {
     const [isCopied, setIsCopied] = useState(false);