some minor changes

SELab-2 · May 19, 2024 · ddca5cc · ddca5cc
1 parent 7578f13
commit ddca5cc
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/frontend/frontend/src/components/CopyToClipboard.tsx b/frontend/frontend/src/components/CopyToClipboard.tsx
@@ -1,8 +1,10 @@
 import { useState } from 'react'
+import { darken } from '@mui/system'
 import { Box, Collapse, Tooltip, Typography } from '@mui/material'
-import Button from '@mui/material/Button'
+import { Button } from './CustomComponents.tsx'
 import { AssignmentTurnedIn, ContentPaste } from '@mui/icons-material'
 import { t } from 'i18next'
+import theme from "../Theme.ts";
 
 interface CopyToClipboardProps {
     invitationLink: string
@@ -42,21 +44,20 @@ export const CopyToClipboard = ({ invitationLink }: CopyToClipboardProps) => {
                     >
                         <Button
                             onClick={copyToClipboard}
-                            variant={'contained'}
                             sx={{
-                                height: 40,
                                 maxWidth: 500,
                                 minWidth: 200,
-                                backgroundColor: 'background.default',
+                                backgroundColor: 'secondary.main',
                                 color: 'text.primary',
+                                textTransform: 'none',
                                 borderRadius: 2,
                                 display: 'flex',
                                 flexDirection: 'row',
                                 alignItems: 'center',
                                 padding: 0,
                                 gap: 1,
                                 '&:hover': {
-                                    backgroundColor: 'secondary.main',
+                                    backgroundColor: darken(theme.palette.secondary.main,0.2)
                                 },
                             }}
                         >

diff --git a/frontend/frontend/src/components/Header.tsx b/frontend/frontend/src/components/Header.tsx
@@ -193,6 +193,7 @@ export const Header = ({ variant, title }: Props) => {
                                 sx={{
                                     color: 'background.default',
                                     paddingTop: 1,
+                                    textTransform: 'none',
                                 }}
                             >
                                 Logout

diff --git a/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx b/frontend/frontend/src/pages/subjectsPage/SubjectsPage.tsx
@@ -319,6 +319,7 @@ export function SubjectsPage() {
                                     )}
                                 </Box>
                                 <Box
+                                    padding={'10px'}
                                     display="flex"
                                     flexDirection="row"
                                     justifyContent="space-between"