From b425e808f4c7d0a82b272d8f42be8212ffaee8c5 Mon Sep 17 00:00:00 2001
From: cedscho <cedrik.schomburg@gmx.de>
Date: Thu, 19 May 2022 12:04:14 +0200
Subject: [PATCH] design: settings borders around buttons

---
 Frontend/src/components/screens/Settings/SettingsScreen.jsx | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/Frontend/src/components/screens/Settings/SettingsScreen.jsx b/Frontend/src/components/screens/Settings/SettingsScreen.jsx
index d4de636a..0931dcb8 100644
--- a/Frontend/src/components/screens/Settings/SettingsScreen.jsx
+++ b/Frontend/src/components/screens/Settings/SettingsScreen.jsx
@@ -40,6 +40,7 @@ const SettingsScreen = props => {
         <Grid container
               sx={{
                 borderRadius: '1rem',
+                border: '3px solid rgb(78 185 111)',
                 padding: '1rem',
                 '@media screen and (max-width: 768px)': {
                   background: 'linear-gradient(180deg, rgb(78 185 111) 55%, #FFFFFF 0%);'
@@ -121,6 +122,7 @@ const SettingsScreen = props => {
         <Grid container
               sx={{
                 borderRadius: '1rem',
+                border: '3px solid rgb(59 151 210)',
                 padding: '1rem',
                 '@media screen and (max-width: 768px)': {
                   background: 'linear-gradient(180deg, rgb(59 151 210) 55%, #FFFFFF 0%);'
@@ -186,6 +188,7 @@ const SettingsScreen = props => {
         <Grid container
               sx={{
                 borderRadius: '1rem',
+                border: '3px solid rgb(228 126 37)',
                 padding: '1rem',
                 '@media screen and (max-width: 768px)': {
                   background: 'linear-gradient(180deg, rgb(228 126 37) 55%, #FFFFFF 0%);'