Remove all un-used CSS classes (#1924)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
2022-04-28 17:33:46 -07:00
parent f79a8e8177
commit 26d7001ae1
66 changed files with 0 additions and 676 deletions
--- a/portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx
+++ b/portal-ui/src/screens/Console/Account/AddServiceAccountScreen.tsx
@@ -53,9 +53,6 @@ interface IAddServiceAccountProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -69,41 +66,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-      marginLeft: 30,
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
-    pageBox: {
-      border: "1px solid #EAEAEA",
-      borderTop: 0,
-    },
-    addPoolTitle: {
-      border: "1px solid #EAEAEA",
-      borderBottom: 0,
-    },
-    headTitle: {
-      fontWeight: "bold",
-      fontSize: 20,
-      paddingLeft: 20,
-      paddingTop: 10,
-      paddingBottom: 40,
-      textAlign: "end",
-    },
-    headIcon: {
-      fontWeight: "bold",
-      size: "50",
-    },
    ...formFieldStyles,
    ...modalStyleUtils,
  });
--- a/portal-ui/src/screens/Console/Account/ChangePasswordModal.tsx
+++ b/portal-ui/src/screens/Console/Account/ChangePasswordModal.tsx
@@ -37,9 +37,6 @@ import { ChangePasswordIcon } from "../../../icons";

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    ...modalStyleUtils,
    ...formFieldStyles,
    ...spacingUtils,
--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/AccessRulePanel.tsx
@@ -67,10 +67,6 @@ const styles = (theme: Theme) =>
        backgroundImage: "url(/images/ob_folder_filled.svg)",
      },
    },
-    listButton: {
-      marginLeft: "10px",
-      align: "right",
-    },
    ...tableStyles,
    ...actionsTray,
    ...searchField,
--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/AddReplicationModal.tsx
@@ -52,9 +52,6 @@ interface IReplicationModal {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    multiContainer: {
      display: "flex",
      alignItems: "center",
--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/BrowserHandler.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/BrowserHandler.tsx
@@ -60,16 +60,6 @@ interface IBrowserHandlerProps {

 const styles = (theme: Theme) =>
  createStyles({
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
-    backToBuckets: {
-      color: "#000",
-      fontSize: 14,
-      padding: 0,
-      marginTop: -8,
-    },
    ...containerForHeader(theme.spacing(4)),
  });

--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/BucketDetails.tsx
@@ -89,19 +89,10 @@ const styles = (theme: Theme) =>
      paddingTop: 0,
    },
    ...pageContentStyles,
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
    ...searchField,
    capitalize: {
      textTransform: "capitalize",
    },
-    deleteBtn: {
-      color: "#f44336",
-      border: "1px solid rgba(244, 67, 54, 0.5)",
-      maxWidth: 140,
-    },
    ...hrClass,
    ...buttonsStyles,
    ...containerForHeader(theme.spacing(4)),
--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/EditAccessRule.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/EditAccessRule.tsx
@@ -49,9 +49,6 @@ interface IEditAccessRule {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    ...modalStyleUtils,
    ...spacingUtils,
  });
--- a/portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx
+++ b/portal-ui/src/screens/Console/Buckets/BucketDetails/EditReplicationModal.tsx
@@ -49,13 +49,6 @@ interface IEditReplicationModal {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
-    multiContainer: {
-      display: "flex",
-      alignItems: "center",
-    },
    sizeFactorContainer: {
      "& label": {
        display: "none",
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/BucketListItem.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/BucketListItem.tsx
@@ -90,15 +90,6 @@ const styles = (theme: Theme) =>
        position: "absolute",
      },
    },
-    viewButton: {
-      width: 111,
-      color: "white",
-      marginLeft: 8,
-      fontSize: 12,
-      fontWeight: "normal",
-      boxShadow: "unset",
-      borderRadius: 4,
-    },
    manageButton: {
      borderRadius: 4,
      width: 111,
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/BulkLifecycleModal.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/BulkLifecycleModal.tsx
@@ -72,10 +72,6 @@ const styles = (theme: Theme) =>
      paddingTop: 5,
      color: "#42C91A",
    },
-    hide: {
-      opacity: 0,
-      transitionDuration: "0.3s",
-    },
    ...spacingUtils,
    ...modalStyleUtils,
    ...formFieldStyles,
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/ListBuckets.tsx
@@ -66,9 +66,6 @@ const styles = (theme: Theme) =>
        backgroundColor: theme.palette.primary.main,
      },
    },
-    addBucket: {
-      marginLeft: 8,
-    },
    bucketList: {
      marginTop: 25,
      height: "calc(100vh - 210px)",
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/ObjectMetaData.tsx
@@ -37,9 +37,6 @@ const styles = (theme: Theme) =>
        height: 16,
      },
    },
-    titleCol: {
-      width: "25%",
-    },
    titleItem: {
      width: "35%",
    },
--- a/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/TagsModal.tsx
+++ b/portal-ui/src/screens/Console/Buckets/ListBuckets/Objects/ObjectDetails/TagsModal.tsx
@@ -52,10 +52,6 @@ interface ITagModal {

 const styles = (theme: Theme) =>
  createStyles({
-    pathLabel: {
-      marginTop: 0,
-      marginBottom: 32,
-    },
    newTileHeader: {
      fontSize: 18,
      fontWeight: "bold",
--- a/portal-ui/src/screens/Console/Common/CredentialsPrompt/CredentialsPrompt.tsx
+++ b/portal-ui/src/screens/Console/Common/CredentialsPrompt/CredentialsPrompt.tsx
@@ -62,13 +62,6 @@ const styles = (theme: Theme) =>
    buttonSpacer: {
      marginRight: ".9rem",
    },
-    promptIcon: {
-      marginRight: ".1rem",
-      display: "flex",
-      alignItems: "center",
-      height: "2rem",
-      width: "2rem",
-    },
  });

 interface ICredentialsPromptProps {
--- a/portal-ui/src/screens/Console/Common/FormComponents/DaysSelector/DaysSelector.tsx
+++ b/portal-ui/src/screens/Console/Common/FormComponents/DaysSelector/DaysSelector.tsx
@@ -52,11 +52,6 @@ const styles = (theme: Theme) =>
      marginTop: 11,
      marginBottom: 6,
    },
-    dateContainer: {
-      height: 20,
-      textAlign: "right",
-      color: "#848484",
-    },
    dateInputContainer: {
      margin: "0 10px",
    },
--- a/portal-ui/src/screens/Console/Common/TLSCertificate/TLSCertificate.tsx
+++ b/portal-ui/src/screens/Console/Common/TLSCertificate/TLSCertificate.tsx
@@ -38,17 +38,6 @@ import CertificateIcon from "../../../../icons/CertificateIcon";

 const styles = (theme: Theme) =>
  createStyles({
-    root: {
-      padding: 0,
-      margin: 0,
-      border: 0,
-      backgroundColor: "transparent",
-      textDecoration: "underline",
-      cursor: "pointer",
-      fontSize: "inherit",
-      color: theme.palette.info.main,
-      fontFamily: "Lato, sans-serif",
-    },
    certificateIcon: {
      float: "left",
      paddingTop: "5px !important",
--- a/portal-ui/src/screens/Console/Common/UsageBarWrapper/SummaryUsageBar.tsx
+++ b/portal-ui/src/screens/Console/Common/UsageBarWrapper/SummaryUsageBar.tsx
@@ -28,15 +28,6 @@ interface ISummaryUsageBar {

 const styles = (theme: Theme) =>
  createStyles({
-    allValue: {
-      fontSize: 16,
-      fontWeight: 700,
-      marginBottom: 8,
-    },
-    currentUsage: {
-      fontSize: 12,
-      marginTop: 8,
-    },
    centerItem: {
      textAlign: "center",
    },
--- a/portal-ui/src/screens/Console/DirectCSI/FormatErrorsResult.tsx
+++ b/portal-ui/src/screens/Console/DirectCSI/FormatErrorsResult.tsx
@@ -33,9 +33,6 @@ interface IFormatErrorsProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    errorsList: {
      height: "calc(100vh - 280px)",
    },
--- a/portal-ui/src/screens/Console/Groups/AddGroupMember.tsx
+++ b/portal-ui/src/screens/Console/Groups/AddGroupMember.tsx
@@ -31,10 +31,6 @@ type UserPickerModalProps = {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-      marginTop: "1rem",
-    },
    userSelector: {
      "& .MuiPaper-root": {
        padding: 0,
--- a/portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx
+++ b/portal-ui/src/screens/Console/Groups/AddGroupScreen.tsx
@@ -46,9 +46,6 @@ interface IAddGroupProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -62,41 +59,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-      marginLeft: 30,
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
-    pageBox: {
-      border: "1px solid #EAEAEA",
-      borderTop: 0,
-    },
-    addPoolTitle: {
-      border: "1px solid #EAEAEA",
-      borderBottom: 0,
-    },
-    headTitle: {
-      fontWeight: "bold",
-      fontSize: 20,
-      paddingLeft: 20,
-      paddingBottom: 40,
-      paddingTop: 10,
-      textAlign: "end",
-    },
-    headIcon: {
-      fontWeight: "bold",
-      size: "50",
-    },
    ...formFieldStyles,
    ...modalStyleUtils,
  });
--- a/portal-ui/src/screens/Console/Groups/GroupDetailsHeader.tsx
+++ b/portal-ui/src/screens/Console/Groups/GroupDetailsHeader.tsx
@@ -8,10 +8,6 @@ import BackLink from "../../../common/BackLink";

 const styles = (theme: Theme) =>
  createStyles({
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
  });

 type DetailsHeaderProps = {
--- a/portal-ui/src/screens/Console/Groups/GroupsDetails.tsx
+++ b/portal-ui/src/screens/Console/Groups/GroupsDetails.tsx
@@ -53,10 +53,6 @@ const styles = (theme: Theme) =>
      border: "1px solid #EAEAEA",
      width: "100%",
    },
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
    statusLabel: {
      fontSize: ".8rem",
      marginRight: ".7rem",
--- a/portal-ui/src/screens/Console/Heal/Heal.tsx
+++ b/portal-ui/src/screens/Console/Heal/Heal.tsx
@@ -115,11 +115,6 @@ const SelectStyled = withStyles((theme: Theme) =>
        backgroundColor: "transparent",
      },
    },
-    input: {
-      height: 50,
-      fontSize: 13,
-      lineHeight: "50px",
-    },
  })
 )(InputBase);

--- a/portal-ui/src/screens/Console/License/License.tsx
+++ b/portal-ui/src/screens/Console/License/License.tsx
@@ -89,10 +89,6 @@ const styles = (theme: Theme) =>
      marginTop: 10,
      marginBottom: 20,
    },
-    chooseFlavorText: {
-      color: "#000000",
-      fontSize: 14,
-    },
    link: {
      textDecoration: "underline !important",
      color: theme.palette.info.main,
@@ -112,37 +108,7 @@ const styles = (theme: Theme) =>
      color: "#1C5A8D",
      fontWeight: "bold",
    },
-    licenseInfo: {
-      position: "relative",
-    },
-    licenseInfoTitle: {
-      textTransform: "none",
-      color: "#999999",
-      fontSize: 11,
-    },
-    licenseInfoValue: {
-      textTransform: "none",
-      fontSize: 14,
-      fontWeight: "bold",
-    },
-    subnetSubTitle: {
-      fontSize: 14,
-    },
-    verifiedIcon: {
-      width: 96,
-      position: "absolute",
-      right: 0,
-      bottom: 29,
-    },
-    loadingLoginStrategy: {
-      textAlign: "center",
-    },
    ...containerForHeader(theme.spacing(4)),
-    mainContainer: {
-      border: "1px solid #EAEDEE",
-      padding: 40,
-      margin: 40,
-    },
    icon: {
      color: theme.palette.primary.main,
      fontSize: 16,
--- a/portal-ui/src/screens/Console/License/LicensePlans.tsx
+++ b/portal-ui/src/screens/Console/License/LicensePlans.tsx
@@ -36,32 +36,6 @@ import {

 const styles = (theme: Theme) =>
  createStyles({
-    link: {
-      textDecoration: "underline !important",
-      color: theme.palette.info.main,
-    },
-    linkButton: {
-      fontFamily: '"Lato", sans-serif',
-      fontWeight: "normal",
-      textTransform: "none",
-      fontSize: "inherit",
-      height: 0,
-      padding: 0,
-      margin: 0,
-    },
-    tableContainer: {
-      marginLeft: 28,
-    },
-    detailsContainerBorder: {
-      borderLeft: "1px solid #e2e2e2",
-    },
-    detailsTitle: {
-      fontSize: 19,
-      fontWeight: 700,
-      marginBottom: 26,
-      paddingTop: 18,
-      lineHeight: 1,
-    },
  });

 interface IRegisterStatus {
--- a/portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx
+++ b/portal-ui/src/screens/Console/Logs/ErrorLogs/ErrorLogs.tsx
@@ -65,12 +65,6 @@ const styles = (theme: Theme) =>
      fontSize: 13,
      borderRadius: 4,
    },
-    tab: {
-      paddingLeft: 25,
-    },
-    logerror: {
-      color: "#A52A2A",
-    },
    logerror_tab: {
      color: "#A52A2A",
      paddingLeft: 25,
@@ -78,17 +72,6 @@ const styles = (theme: Theme) =>
    nodeField: {
      width: "100%",
    },
-    ansidefault: {
-      color: "#000",
-    },
-    midColumnCheckboxes: {
-      display: "flex",
-    },
-    checkBoxLabel: {
-      marginTop: 10,
-      fontSize: 16,
-      fontWeight: 500,
-    },
    highlight: {
      "& span": {
        backgroundColor: "#082F5238",
@@ -116,11 +99,6 @@ const SelectStyled = withStyles((theme: Theme) =>
        backgroundColor: "transparent",
      },
    },
-    input: {
-      height: 50,
-      fontSize: 13,
-      lineHeight: "50px",
-    },
  })
 )(InputBase);

--- a/portal-ui/src/screens/Console/Policies/AddPolicyScreen.tsx
+++ b/portal-ui/src/screens/Console/Policies/AddPolicyScreen.tsx
@@ -46,9 +46,6 @@ interface IAddPolicyProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -62,41 +59,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-      marginLeft: 30,
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
-    pageBox: {
-      border: "1px solid #EAEAEA",
-      borderTop: 0,
-    },
-    addPoolTitle: {
-      border: "1px solid #EAEAEA",
-      borderBottom: 0,
-    },
-    headTitle: {
-      fontWeight: "bold",
-      fontSize: 20,
-      paddingLeft: 20,
-      paddingBottom: 40,
-      paddingTop: 8,
-      textAlign: "end",
-    },
-    headIcon: {
-      fontWeight: "bold",
-      size: "50",
-    },
    ...formFieldStyles,
    ...modalStyleUtils,
  });
--- a/portal-ui/src/screens/Console/Policies/PolicyDetails.tsx
+++ b/portal-ui/src/screens/Console/Policies/PolicyDetails.tsx
@@ -82,10 +82,6 @@ const styles = (theme: Theme) =>
      padding: "15px 15px 15px 50px",
      minHeight: "450px",
    },
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
    statement: {
      border: "1px solid #DADADA",
      padding: 8,
--- a/portal-ui/src/screens/Console/Speedtest/STResults.tsx
+++ b/portal-ui/src/screens/Console/Speedtest/STResults.tsx
@@ -116,12 +116,6 @@ const styles = (theme: Theme) =>
    objectGeneral: {
      marginTop: 15,
    },
-    initialResults: {
-      fontSize: 20,
-      fontWeight: "bold",
-      color: "#000",
-      textAlign: "center",
-    },
    download: {
      "& .min-icon": {
        width: 35,
--- a/portal-ui/src/screens/Console/Speedtest/Speedtest.tsx
+++ b/portal-ui/src/screens/Console/Speedtest/Speedtest.tsx
@@ -74,12 +74,6 @@ const styles = (theme: Theme) =>
      fontSize: 13,
      marginBottom: 8,
    },
-    advancedOption: {
-      marginTop: 20,
-    },
-    advancedAutotune: {
-      marginTop: 10,
-    },
    ...advancedFilterToggleStyles,
    ...actionsTray,
    ...searchField,
--- a/portal-ui/src/screens/Console/Support/Register.tsx
+++ b/portal-ui/src/screens/Console/Support/Register.tsx
@@ -72,26 +72,6 @@ interface IRegister {

 const styles = (theme: Theme) =>
  createStyles({
-    loading: {
-      paddingTop: 8,
-      paddingLeft: 40,
-    },
-    buttons: {
-      justifyContent: "flex-start",
-      gap: 20,
-    },
-    localMessage: {
-      fontSize: 24,
-      color: "#07193E",
-      fontWeight: "bold",
-      textAlign: "center",
-      marginBottom: 10,
-    },
-    headerStyle: {
-      color: theme.palette.primary.main,
-      fontSize: 16,
-      fontWeight: "bold",
-    },
    registerActivationIcon: {
      color: theme.palette.primary.main,
      fontSize: 16,
@@ -137,10 +117,6 @@ const styles = (theme: Theme) =>
        fontWeight: "bold",
      },
    },
-    offlineRegisterButton: {
-      textAlign: "right",
-      paddingRight: 20,
-    },
    copyInputBox: {
      "& button": {
        border: "1px solid #5E5E5E",
@@ -151,12 +127,6 @@ const styles = (theme: Theme) =>
      color: "#2781B0",
      cursor: "pointer",
    },
-    smallBoxy: {
-      border: "#E5E5E5 1px solid",
-      borderRadius: 2,
-      padding: 20,
-      backgroundColor: "#fff",
-    },
    sizedLabel: {
      minWidth: "75px",
    },
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Affinity.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Affinity.tsx
@@ -116,9 +116,6 @@ const styles = (theme: Theme) =>
      display: "flex",
      alignItems: "center",
    },
-    fieldContainer: {
-      marginBottom: 0,
-    },
    affinityRow: {
      marginBottom: 10,
      display: "flex",
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigLogSearch.tsx
@@ -66,9 +66,6 @@ const styles = (theme: Theme) =>
        border: "1px solid red",
      },
    },
-    containerItem: {
-      marginRight: 15,
-    },
    fieldGroup: {
      ...createTenantCommon.fieldGroup,
      paddingTop: 15,
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/ConfigPrometheus.tsx
@@ -65,9 +65,6 @@ const styles = (theme: Theme) =>
        border: "1px solid red",
      },
    },
-    containerItem: {
-      marginRight: 15,
-    },
    fieldGroup: {
      ...createTenantCommon.fieldGroup,
      paddingTop: 15,
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Configure.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/Configure.tsx
@@ -92,9 +92,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    fieldSpaceTop: {
-      marginTop: 15,
-    },
    wrapperContainer: {
      display: "flex",
      marginBottom: 15,
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSize.tsx
@@ -71,10 +71,6 @@ interface ITenantSizeProps {

 const styles = (theme: Theme) =>
  createStyles({
-    compositeFieldContainer: {
-      display: "flex",
-      alignItems: "center",
-    },
    compositeAddOn: {
      marginLeft: 10,
      "& div": {
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeMK.tsx
@@ -72,10 +72,6 @@ interface ITenantSizeAWSProps {

 const styles = (theme: Theme) =>
  createStyles({
-    compositeFieldContainer: {
-      display: "flex",
-      alignItems: "center",
-    },
    compositeAddOn: {
      marginLeft: 10,
      "& div": {
--- a/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx
+++ b/portal-ui/src/screens/Console/Tenants/AddTenant/Steps/TenantResources/TenantSizeResources.tsx
@@ -60,10 +60,6 @@ interface ITenantSizeResourcesProps {

 const styles = (theme: Theme) =>
  createStyles({
-    compositeFieldContainer: {
-      display: "flex",
-      alignItems: "center",
-    },
    compositeAddOn: {
      marginLeft: 10,
      "& div": {
--- a/portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx
+++ b/portal-ui/src/screens/Console/Tenants/ListTenants/ListTenants.tsx
@@ -60,14 +60,6 @@ const styles = (theme: Theme) =>
    ...actionsTray,
    ...searchField,
    ...containerForHeader(theme.spacing(4)),
-    addTenant: {
-      marginRight: 8,
-    },
-    theaderSearchLabel: {
-      color: theme.palette.grey["400"],
-      fontSize: 14,
-      fontWeight: "bold",
-    },
    theaderSearch: {
      borderColor: theme.palette.grey["200"],
      "& .MuiInputBase-input": {
@@ -90,10 +82,6 @@ const styles = (theme: Theme) =>
      marginRight: 10,
      marginLeft: 10,
    },
-    mainActions: {
-      textAlign: "right",
-      marginBottom: 8,
-    },
    tenantsList: {
      height: "calc(100vh - 195px)",
    },
--- a/portal-ui/src/screens/Console/Tenants/ListTenants/TenantListItem.tsx
+++ b/portal-ui/src/screens/Console/Tenants/ListTenants/TenantListItem.tsx
@@ -67,13 +67,6 @@ const styles = (theme: Theme) =>
      },
    },
    tenantIcon: { width: 40, height: 40, position: "relative" },
-    healthStatusIcon: {
-      position: "absolute",
-      fontSize: 10,
-      top: 0,
-      right: -20,
-      height: 10,
-    },
    tenantItem: {
      border: "1px solid #EAEAEA",
      marginBottom: 16,
@@ -92,30 +85,6 @@ const styles = (theme: Theme) =>
      fontSize: 18,
      fontWeight: "bold",
    },
-    titleSubKey: {
-      fontSize: 14,
-      paddingRight: 8,
-    },
-    titleSubValue: {
-      fontSize: 14,
-      fontWeight: "bold",
-      paddingRight: 16,
-    },
-    boxyTitle: {
-      fontWeight: "bold",
-    },
-    boxyValue: {
-      fontSize: 24,
-      fontWeight: "bold",
-    },
-    boxyUnit: {
-      fontSize: 12,
-      color: "#5E5E5E",
-    },
-    manageButton: {
-      marginRight: 8,
-      textTransform: "initial",
-    },
    namespaceLabel: {
      display: "inline-flex",
      backgroundColor: "#EAEDEF",
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/EditDomains.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/EditDomains.tsx
@@ -47,12 +47,6 @@ interface IEditDomains {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
-    infoText: {
-      fontSize: 14,
-    },
    domainInline: {
      display: "flex",
      marginBottom: 15,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantLogsModal.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/EditTenantLogsModal.tsx
@@ -66,14 +66,6 @@ const styles = (theme: Theme) =>
    buttonContainer: {
      textAlign: "right",
    },
-    multiContainer: {
-      display: "flex",
-      alignItems: "center" as const,
-      justifyContent: "flex-start" as const,
-    },
-    sizeFactorContainer: {
-      marginLeft: 8,
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -83,25 +75,6 @@ const styles = (theme: Theme) =>
        width: "100%",
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
-    shortened: {
-      gridTemplateColumns: "auto auto 20px 20px",
-      display: "grid",
-      gridGap: 20,
-    },
    ...modalBasic,
    ...modalStyleUtils,
    ...formFieldStyles,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairEdit.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairEdit.tsx
@@ -25,17 +25,6 @@ interface IKeyPairEditProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
-    multiContainer: {
-      display: "flex",
-      alignItems: "center" as const,
-      justifyContent: "flex-start" as const,
-    },
-    sizeFactorContainer: {
-      marginLeft: 8,
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -45,20 +34,6 @@ const styles = (theme: Theme) =>
        width: "100%",
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
    shortened: {
      gridTemplateColumns: "auto auto 20px 20px",
      display: "grid",
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairView.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/KeyPairView.tsx
@@ -37,9 +37,6 @@ interface IKeyPairView {
 const styles = (theme: Theme) =>
  createStyles({
    ...tenantDetailsStyles,
-    centerAlign: {
-      textAlign: "center",
-    },
    listHeight: {
      height: "50",
    },
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/AddPool.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/AddPool.tsx
@@ -77,9 +77,6 @@ interface IAddPoolProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -93,21 +90,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-      marginLeft: 30,
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
    pageBox: {
      border: "1px solid #EAEAEA",
      borderTop: 0,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/PoolConfiguration.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/PoolConfiguration.tsx
@@ -78,9 +78,6 @@ const styles = (theme: Theme) =>
      },
    },

-    fieldSpaceTop: {
-      marginTop: 15,
-    },

    ...modalBasic,
    ...wizardCommon,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/PoolPodPlacement.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/PoolPodPlacement.tsx
@@ -116,9 +116,6 @@ const styles = (theme: Theme) =>
      display: "flex",
      alignItems: "center",
    },
-    fieldContainer: {
-      marginBottom: 0,
-    },
    affinityRow: {
      marginBottom: 10,
      display: "flex",
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/PoolResources.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/AddPool/PoolResources.tsx
@@ -60,9 +60,6 @@ interface IPoolResourcesProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPool.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPool.tsx
@@ -84,9 +84,6 @@ interface IEditPoolProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -100,21 +97,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-      marginLeft: 30,
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
    pageBox: {
      border: "1px solid #EAEAEA",
      borderTop: 0,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPoolConfiguration.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPoolConfiguration.tsx
@@ -78,9 +78,6 @@ const styles = (theme: Theme) =>
      },
    },

-    fieldSpaceTop: {
-      marginTop: 15,
-    },

    ...modalBasic,
    ...wizardCommon,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPoolPlacement.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPoolPlacement.tsx
@@ -116,9 +116,6 @@ const styles = (theme: Theme) =>
      display: "flex",
      alignItems: "center",
    },
-    fieldContainer: {
-      marginBottom: 0,
-    },
    affinityRow: {
      marginBottom: 10,
      display: "flex",
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPoolResources.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/Pools/EditPool/EditPoolResources.tsx
@@ -60,9 +60,6 @@ interface IPoolResourcesProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEncryption.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEncryption.tsx
@@ -70,21 +70,8 @@ const styles = (theme: Theme) =>
  createStyles({
    ...tenantDetailsStyles,
    ...spacingUtils,
-    loaderAlign: {
-      textAlign: "center",
-    },
-    title: {
-      marginTop: 35,
-    },
    bold: { fontWeight: "bold" },
    italic: { fontStyle: "italic" },
-    paperContainer: {
-      padding: "15px 15px 15px 50px",
-    },
-    certificateInfo: {
-      height: "auto",
-      margin: 5,
-    },
    fileItem: {
      marginRight: 10,
      display: "flex",
@@ -96,18 +83,6 @@ const styles = (theme: Theme) =>
        flexFlow: "column",
      },
    },
-    certInputRow: {
-      display: "flex",
-      alignItems: "center",
-      borderBottom: "1px solid #eaeaea",
-      marginBottom: 8,
-    },
-    caCertsRow: {
-      borderBottom: "1px solid #eaeaea",
-      display: "flex",
-      alignItems: "center",
-      marginBottom: 8,
-    },
    ...containerForHeader(theme.spacing(4)),
    ...createTenantCommon,
    ...formFieldStyles,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEvents.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantEvents.tsx
@@ -43,9 +43,6 @@ interface ITenantEventsProps {

 const styles = (theme: Theme) =>
  createStyles({
-    tableWrapper: {
-      height: "450px",
-    },
    ...actionsTray,
    ...searchField,
    ...tableStyles,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantIdentityProvider.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantIdentityProvider.tsx
@@ -64,14 +64,8 @@ const styles = (theme: Theme) =>
    loaderAlign: {
      textAlign: "center",
    },
-    title: {
-      marginTop: 35,
-    },
    bold: { fontWeight: "bold" },
    italic: { fontStyle: "italic" },
-    paperContainer: {
-      padding: "15px 15px 15px 50px",
-    },
    fileItem: {
      marginRight: 10,
      display: "flex",
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantLogging.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantLogging.tsx
@@ -52,19 +52,6 @@ interface ITenantLogs {
 const styles = (theme: Theme) =>
  createStyles({
    ...tenantDetailsStyles,
-    headerLabel: {
-      fontSize: 22,
-      fontWeight: 600,
-      color: "#000",
-      marginTop: 4,
-    },
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
-    tableWrapper: {
-      height: "calc(100vh - 267px)",
-    },
    paperContainer: {
      padding: "15px 15px 15px 50px",
    },
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantMonitoring.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantMonitoring.tsx
@@ -53,19 +53,6 @@ interface ITenantMonitoring {
 const styles = (theme: Theme) =>
  createStyles({
    ...tenantDetailsStyles,
-    headerLabel: {
-      fontSize: 22,
-      fontWeight: 600,
-      color: "#000",
-      marginTop: 4,
-    },
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
-    tableWrapper: {
-      height: "calc(100vh - 267px)",
-    },
    paperContainer: {
      padding: "15px 15px 15px 50px",
    },
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSecurity.tsx
@@ -59,14 +59,8 @@ const styles = (theme: Theme) =>
    loaderAlign: {
      textAlign: "center",
    },
-    title: {
-      marginTop: 35,
-    },
    bold: { fontWeight: "bold" },
    italic: { fontStyle: "italic" },
-    paperContainer: {
-      padding: "15px 15px 15px 50px",
-    },
    fileItem: {
      marginRight: 10,
      display: "flex",
@@ -78,12 +72,6 @@ const styles = (theme: Theme) =>
        flexFlow: "column",
      },
    },
-    caCertsRow: {
-      borderBottom: "1px solid #eaeaea",
-      display: "flex",
-      alignItems: "center",
-      marginBottom: 10,
-    },
    ...containerForHeader(theme.spacing(4)),
    ...createTenantCommon,
    ...formFieldStyles,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantSummary.tsx
@@ -88,9 +88,6 @@ const styles = (theme: Theme) =>
        marginRight: 4,
      },
    },
-    centerAlign: {
-      textAlign: "center",
-    },
    detailSection: {
      "& div": {
        "& b,i": {
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/TenantYAML.tsx
@@ -34,9 +34,6 @@ import { EditYamlIcon } from "../../../../icons";

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    errorState: {
      color: "#b53b4b",
      fontSize: 14,
--- a/portal-ui/src/screens/Console/Tenants/TenantDetails/UpdateTenantModal.tsx
+++ b/portal-ui/src/screens/Console/Tenants/TenantDetails/UpdateTenantModal.tsx
@@ -42,9 +42,6 @@ interface IUpdateTenantModal {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    infoText: {
      fontSize: 14,
    },
--- a/portal-ui/src/screens/Console/Trace/Trace.tsx
+++ b/portal-ui/src/screens/Console/Trace/Trace.tsx
@@ -55,9 +55,6 @@ const styles = (theme: Theme) =>
    timeItem: {
      width: 100,
    },
-    startButton: {
-      textAlign: "right",
-    },
    ...actionsTray,
    ...searchField,
    ...hrClass,
@@ -85,11 +82,6 @@ const styles = (theme: Theme) =>
        alignItems: "flex-start",
      },
    },
-    checkBoxLabel: {
-      marginTop: 10,
-      fontSize: 16,
-      fontWeight: 500,
-    },
    formBox: {
      border: "1px solid #EAEAEA",
      padding: 25,
@@ -104,9 +96,6 @@ const styles = (theme: Theme) =>
      width: "14px",
      height: "14px",
    },
-    midColumnCheckboxes: {
-      display: "flex",
-    },
    separatorBar: {
      fontSize: 16,
      fontWeight: 700,
--- a/portal-ui/src/screens/Console/Users/AddUserScreen.tsx
+++ b/portal-ui/src/screens/Console/Users/AddUserScreen.tsx
@@ -56,9 +56,6 @@ interface IAddUserProps {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    bottomContainer: {
      display: "flex",
      flexGrow: 1,
@@ -72,34 +69,6 @@ const styles = (theme: Theme) =>
        },
      },
    },
-    factorElements: {
-      display: "flex",
-      justifyContent: "flex-start",
-      marginLeft: 30,
-    },
-    sizeNumber: {
-      fontSize: 35,
-      fontWeight: 700,
-      textAlign: "center",
-    },
-    sizeDescription: {
-      fontSize: 14,
-      color: "#777",
-      textAlign: "center",
-    },
-    pageBox: {
-      border: "1px solid #EAEAEA",
-      borderTop: 0,
-    },
-    addPoolTitle: {
-      border: "1px solid #EAEAEA",
-      borderBottom: 0,
-    },
-    headTitle: {
-      fontWeight: "bold",
-      fontSize: 16,
-      paddingLeft: 8,
-    },
    ...formFieldStyles,
    ...modalStyleUtils,
  });
--- a/portal-ui/src/screens/Console/Users/BulkAddToGroup.tsx
+++ b/portal-ui/src/screens/Console/Users/BulkAddToGroup.tsx
@@ -43,9 +43,6 @@ interface IAddToGroup {

 const styles = (theme: Theme) =>
  createStyles({
-    buttonContainer: {
-      textAlign: "right",
-    },
    ...modalStyleUtils,
    ...formFieldStyles,
  });
--- a/portal-ui/src/screens/Console/Users/UserDetails.tsx
+++ b/portal-ui/src/screens/Console/Users/UserDetails.tsx
@@ -71,10 +71,6 @@ const styles = (theme: Theme) =>
      fontSize: ".9rem",
      marginRight: ".5rem",
    },
-    breadcrumLink: {
-      textDecoration: "none",
-      color: "black",
-    },
    ...actionsTray,
    ...searchField,
    ...tableStyles,
--- a/portal-ui/src/screens/LoginPage/LoginPage.tsx
+++ b/portal-ui/src/screens/LoginPage/LoginPage.tsx
@@ -209,10 +209,6 @@ const styles = (theme: Theme) =>
      width: 40,
      height: 40,
    },
-    headerTitle: {
-      marginRight: "auto",
-      marginBottom: 15,
-    },
    submitContainer: {
      textAlign: "right",
    },
@@ -231,10 +227,6 @@ const styles = (theme: Theme) =>
    retryButton: {
      alignSelf: "flex-end",
    },
-    loginComponentContainer: {
-      width: "100%",
-      alignSelf: "center",
-    },
    iconLogo: {
      "& .min-icon": {
        width: "100%",