Merge pull request I-TECH-UW#968 from atulyadav745/common-properties

Fixed responsiveness of application properties component
josephbate · Apr 8, 2024 · c500ccd · c500ccd
2 parents de31c50 + 8a8afdc
commit c500ccd
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/frontend/src/components/admin/menu/CommonProperties.js b/frontend/src/components/admin/menu/CommonProperties.js
@@ -62,11 +62,11 @@ export const CommonProperties = () => {
 
   return (
     <>
-      <div style={{ marginLeft: "12em", marginRight: "8em" }}>
+      <div style={{ marginLeft: "3em", marginRight: "1em" }}>
         {notificationVisible === true ? <AlertDialog /> : ""}
         <PageBreadCrumb breadcrumbs={[{ label: "home.label", link: "/" }]} />
         <Grid fullWidth={true}>
-          <Column lg={16}>
+          <Column lg={16} md={8} sm={4}>
             <Section>
               <Section>
                 <Heading>
@@ -82,7 +82,7 @@ export const CommonProperties = () => {
         {loading && <Loading />} {error && <p>Error: {error}</p>}{" "}
         <div className="orderLegendBody">
           <Grid fullWidth={true}>
-            <Column lg={8}>
+            <Column lg={8} md={8} sm={4}>
               {commonProperties && (
                 <>
                   {Object.keys(commonProperties)
@@ -118,7 +118,7 @@ export const CommonProperties = () => {
               )}
             </Column>
 
-            <Column lg={8}>
+            <Column lg={8} md={8} sm={4}>
               {commonProperties && (
                 <>
                   {Object.keys(commonProperties)
@@ -152,7 +152,7 @@ export const CommonProperties = () => {
             </Column>
           </Grid>
 
-          <div style={{ marginLeft: "3em" }} className="inlineDiv">
+          <div style={{ marginLeft: "2em" }} className="inlineDiv">
             <Button type="submit" onClick={handleSubmit}>
               <FormattedMessage
                 id="label.button.update"