diff --git a/litmus-portal/frontend/src/components/SideBar/index.tsx b/litmus-portal/frontend/src/components/SideBar/index.tsx
index 584ed1a6e..d5d706acd 100644
--- a/litmus-portal/frontend/src/components/SideBar/index.tsx
+++ b/litmus-portal/frontend/src/components/SideBar/index.tsx
@@ -171,7 +171,7 @@ const SideBar: React.FC = () => {
)}
-
+
{
diff --git a/litmus-portal/frontend/src/components/SideBar/styles.ts b/litmus-portal/frontend/src/components/SideBar/styles.ts
index 7dfcde226..703f9323f 100644
--- a/litmus-portal/frontend/src/components/SideBar/styles.ts
+++ b/litmus-portal/frontend/src/components/SideBar/styles.ts
@@ -36,10 +36,10 @@ const useStyles = makeStyles((theme: Theme) => ({
},
drawerList: {
marginTop: theme.spacing(8.375),
- '& #quickActions': {
- width: '80%',
- border: `1px solid ${theme.palette.border.main}`,
- },
+ },
+ quickActions: {
+ width: '80%',
+ border: `1px solid ${theme.palette.border.main}`,
},
versionlogo: {
width: '1.25rem',
diff --git a/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx b/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx
index 2129f6c0e..350d922fb 100644
--- a/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx
+++ b/litmus-portal/frontend/src/pages/ChaosHub/MyHubConnectDrawer/index.tsx
@@ -15,12 +15,14 @@ import BackButton from '../../../components/Button/BackButton';
import GithubInputFields from '../../../components/GitHubComponents/GithubInputFields/GithubInputFields';
import GitHubToggleButton from '../../../components/GitHubComponents/GitHubToggleButtons/GitHubToggleButton';
import Loader from '../../../components/Loader';
+import { constants } from '../../../constants';
import {
ADD_MY_HUB,
GENERATE_SSH,
SAVE_MY_HUB,
UPDATE_MY_HUB,
} from '../../../graphql/mutations';
+import { GET_HUB_STATUS } from '../../../graphql/queries';
import {
CreateMyHub,
MyHubData,
@@ -28,15 +30,13 @@ import {
SSHKey,
SSHKeys,
} from '../../../models/graphql/user';
+import { HubStatus } from '../../../models/redux/myhub';
import { getProjectID } from '../../../utils/getSearchParams';
import {
isValidWebUrl,
validateStartEmptySpacing,
} from '../../../utils/validate';
import useStyles from './styles';
-import { constants } from '../../../constants';
-import { HubStatus } from '../../../models/redux/myhub';
-import { GET_HUB_STATUS } from '../../../graphql/queries';
interface GitHub {
HubName: string;
@@ -373,7 +373,6 @@ const MyHubConnectDrawer: React.FC = ({
return (
= ({
}
return (
-
+
({
workflowGraphs: {
- padding: theme.spacing(3.125, 3.75, 3.125, 10),
+ padding: theme.spacing(4.75, 3.75, 4.75, 10),
height: '100%',
- marginBottom: theme.spacing(3.125),
+ filter: `drop-shadow(0px 0.3px 0.9px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1.6px 3.6px rgba(0, 0, 0, 0.13))`,
},
graphContainer: {
width: '900px',
diff --git a/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx b/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx
index b8cc10b51..6d79dacc4 100644
--- a/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx
+++ b/litmus-portal/frontend/src/views/Analytics/WorkflowDashboard/WorkflowGraphs/index.tsx
@@ -70,7 +70,7 @@ const WorkflowGraphs: React.FC = ({ data }) => {
-
+
({
radialChartContainer: {
width: '22rem',
borderRadius: '0.1875rem',
- marginBottom: theme.spacing(3.125),
+ padding: theme.spacing(1.25, 4.125, 1.25, 4.125),
+ filter: `drop-shadow(0px 0.3px 0.9px rgba(0, 0, 0, 0.1)) drop-shadow(0px 1.6px 3.6px rgba(0, 0, 0, 0.13))`,
},
selectText: {
height: '2.5rem',
diff --git a/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts b/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts
index 66997b5b8..94ea228c5 100644
--- a/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts
+++ b/litmus-portal/frontend/src/views/Settings/GitOpsTab/styles.ts
@@ -24,6 +24,7 @@ const useStyles = makeStyles((theme: Theme) => ({
padding: theme.spacing(3.125),
border: `1px solid ${theme.palette.border.main}`,
borderRadius: 3,
+ backgroundColor: theme.palette.background.paper,
},
locallyText: {
fontSize: '1.25rem',
@@ -40,6 +41,7 @@ const useStyles = makeStyles((theme: Theme) => ({
marginTop: theme.spacing(2.5),
display: 'flex',
borderRadius: 3,
+ backgroundColor: theme.palette.background.paper,
},
infoText: {
maxWidth: '25rem',
diff --git a/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts b/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts
index 116ff0287..476b705a9 100644
--- a/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts
+++ b/litmus-portal/frontend/src/views/Settings/ImageRegistry/styles.ts
@@ -9,6 +9,7 @@ const useStyles = makeStyles((theme: Theme) => ({
padding: theme.spacing(3.125),
border: `1px solid ${theme.palette.border.main}`,
borderRadius: 3,
+ backgroundColor: theme.palette.background.paper,
},
radio: {
color: theme.palette.primary.main,