Limit Max Width of all containers to 1180px (#1123)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>

portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx

@@ -114,6 +114,9 @@ const styles = (theme: Theme) =>
       marginLeft: 10,
     },
     ...containerForHeader(theme.spacing(4)),
+    constrainedContainer: {
+      maxWidth: 1180,
+    },
   });
 
 interface IListBucketsProps {

portal-ui/src/screens/Console/Common/FormComponents/common/styleLibrary.ts

@@ -133,6 +133,7 @@ export const radioIcons = {
 export const containerForHeader = (bottomSpacing: any) => ({
   container: {
     position: "relative" as const,
+    maxWidth: 1180,
     padding: "20px 35px 0",
     "& h6": {
       color: "#777777",

portal-ui/src/screens/Console/License/License.tsx

@@ -257,7 +257,8 @@ const styles = (theme: Theme) =>
       },
     },
     planItemsPadding: {
-      padding: "23px 33px",
+      padding: "23px 0px",
+      maxWidth: 1180,
     },
     subnetSubTitle: {
       fontSize: 12,
@@ -362,9 +363,15 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
     <Fragment>
       <Fragment>
         <PageHeader label="License" />
+        <Grid container className={classes.container}>
+          <Grid item xs={12}>
             <Grid container>
-          <Grid container xs={12} className={classes.container}>
-            <Grid item xs={12} lg={8} className={`${classes.licenseContainer}`}>
+              <Grid
+                item
+                xs={12}
+                lg={8}
+                className={`${classes.licenseContainer}`}
+              >
                 {licenseInfo ? (
                   <Fragment>
                     <Grid container className={classes.licenseInfo}>
@@ -502,9 +509,10 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                         <Typography component="h3">Version 3</Typography>
                         <Typography className={classes.agplFlavorText}>
                           The GNU Affero General Public License is a free,
-                        copyleft license for software and other kinds of works,
-                        specifically designed to ensure cooperation with the
-                        Community in the case of network server software.
+                          copyleft license for software and other kinds of
+                          works, specifically designed to ensure cooperation
+                          with the Community in the case of network server
+                          software.
                         </Typography>
                       </div>
                     </Grid>
@@ -521,7 +529,10 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                     >
                       Login to MinIO SUBNET !
                     </Typography>
-                  <Typography component="h6" className={classes.subnetSubTitle}>
+                    <Typography
+                      component="h6"
+                      className={classes.subnetSubTitle}
+                    >
                       It combines a commercial license with a support experience
                       unlike any other.
                     </Typography>
@@ -575,8 +586,8 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                       to choose the commercial license included as part of the
                       Standard and Enterprise subscription plans. Applications
                       must otherwise comply with all the GNU AGPLv3 License &
-                    Trademark obligations. Follow the links below to learn more
-                    about the compliance policy.
+                      Trademark obligations. Follow the links below to learn
+                      more about the compliance policy.
                     </Typography>
                     <br />
                     <a
@@ -605,6 +616,7 @@ const License = ({ classes, operatorMode }: ILicenseProps) => {
                 )}
               </Grid>
             </Grid>
+          </Grid>
           <Grid item xs={12} className={clsx(classes.planItemsPadding)}>
             <Paper
               className={classes.paper}