Remove Autocapitalizing CSS (#1785)

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

portal-ui/src/index.tsx

@@ -66,9 +66,6 @@ const GlobalCss = withStyles({
     ".MuiButton-root": {
       height: 38,
     },
-    ".MuiButtonBase-root": {
-      textTransform: "capitalize",
-    },
     ".MuiButton-contained": {
       fontSize: "14px",
       textTransform: "capitalize",

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

@@ -362,7 +362,6 @@ export const objectBrowserCommon = {
   },
   breadcrumbsMain: {
     display: "flex",
-
   },
   breadcrumbs: {
     fontSize: 12,

portal-ui/src/screens/Console/Dashboard/BasicDashboard/BasicDashboard.tsx

@@ -121,7 +121,7 @@ const BasicDashboard = ({ usage }: IDashboardProps) => {
           gridTemplateColumns: "1fr",
           gap: "27px",
           marginBottom: "40px",
-          marginTop: "80px",
+          marginTop: "40px",
           marginLeft: "60px",
           marginRight: "60px",
         }}

portal-ui/src/screens/Console/Policies/ListPolicies.tsx

@@ -224,9 +224,6 @@ const ListPolicies = ({ classes, setErrorSnackMessage }: IPoliciesProps) => {
             />
           </SecureComponent>
         </Grid>
-        <Grid item xs={12}>
-          <br />
-        </Grid>
         <Grid item xs={12} className={classes.tableBlock}>
           <SecureComponent
             scopes={[IAM_SCOPES.ADMIN_LIST_USER_POLICIES]}

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

@@ -370,7 +370,7 @@ const Trace = ({
 
                 {!traceStarted && (
                   <RBIconButton
-                    text={"Start New Trace"}
+                    text={"Start"}
                     data-test-id={"trace-start-button"}
                     icon={null}
                     color={"primary"}

portal-ui/src/screens/Console/Users/ListUsers.tsx

@@ -290,9 +290,7 @@ const ListUsers = ({ classes, setErrorSnackMessage, history }: IUsersProps) => {
             />
           </SecureComponent>
         </Grid>
-        <Grid item xs={12}>
-          <br />
-        </Grid>
+
         {loading && <LinearProgress />}
         {!loading && (
           <Fragment>

portal-ui/src/theme/main.ts

@@ -71,6 +71,7 @@ const theme = createTheme({
     MuiButton: {
       styleOverrides: {
         root: {
+          textTransform: "none",
           borderRadius: 3,
           height: 40,
           padding: "0 20px",
@@ -112,6 +113,13 @@ const theme = createTheme({
         },
       },
     },
+    MuiTab: {
+      styleOverrides: {
+        root: {
+          textTransform: "none",
+        },
+      },
+    },
   },
   colors: {
     link: "#2781B0",

portal-ui/tests/utils/elements.ts

@@ -94,13 +94,13 @@ export const bucketsAccessInput = Selector(
 );
 export const bucketsAccessReadOnlyInput = Selector(
   'li[class*="MuiMenuItem-root"]'
-).withText("Readonly");
+).withText("readonly");
 export const bucketsAccessWriteOnlyInput = Selector(
   'li[class*="MuiMenuItem-root"]'
-).withText("Writeonly");
+).withText("writeonly");
 export const bucketsAccessReadWriteInput = Selector(
   'li[class*="MuiMenuItem-root"]'
-).withText("Readwrite");
+).withText("readwrite");
 export const uploadInput = Selector("input").withAttribute("type", "file");
 export const createPolicyName = Selector("#policy-name");
 export const createPolicyTextfield = Selector(".cm-content");