nastia ist zufrieden

my-app/src/components/ApplicationComponents/ApplicationItem.js

@@ -27,7 +27,7 @@ class ApplicationItem extends Component {
         return (
             <div>
                 <div>
-                    <Card style={{ width: "22rem", background: '#ebebeb', margin: '0.5rem' }} id={itemID}>
+                    <Card style={{ width: "25rem", background: '#ebebeb', margin: '0.5rem' }} id={itemID}>
                         <Card.Header><b>{application.applicantUserID}: {application.universityShortName} {application.targetPeriodShortName} {application.targetPeriodYear}</b></Card.Header>
                         <Table responsive="sm">
                             <tbody>

my-app/src/components/ApplicationComponents/DegreeCourseApplicationManagement.js

@@ -62,7 +62,7 @@ class DegreeCourseApplicationManagement extends Component {
             <div>
                 <div id="DegreeCourseApplicationManagementPageListComponent" style={{ background: '#2b3648', padding: '1rem' }}>
                     <h2 style={{ textAlign: 'left', color: "white" }}>Bewerbungen</h2>
-                    <div style={{ display: 'flex', flexFlow: 'row wrap', height: '100vh', justifyContent: 'center' }}>
+                    <div style={{ display: 'flex', flexFlow: 'row wrap', height: '100vh', justifyContent: 'left' }}>
                         {this.MapAllApplications()}
                         <DeleteApplicationModal />
                     </div>

my-app/src/components/DegreeCourseComponents/DegreeCourseManagement.js

@@ -116,7 +116,7 @@ class DegreeCourseManagement extends Component {
                     <>
                     <h2 style={{textAlign: 'left', color: "white"}}>Studiengang-Liste</h2>
                         {addButton}
-                        <div style={{ display: "flex", flexFlow: "row wrap", justifyContent: 'center' }} id="DegreeCourseManagementPageListComponent">
+                        <div style={{ display: "flex", flexFlow: "row wrap", justifyContent: 'left' }} id="DegreeCourseManagementPageListComponent">
                             {this.MapAllDegreeCourses()}
                             <DeleteDegreeCourseModal />
                         </div>

my-app/src/components/PublicPage.js

@@ -4,7 +4,7 @@ import LoginButton from "./loginButton";
 class PublicPage extends Component {
     render() {
         return (
-            <div className="page-content" id="LandingPage" style={{ backgroundImage: 'url("https://www.ffn.de/fileadmin/ffn.de/programm/ausbildungsboerse/studium.jpg")', height: '100vh', backgroundSize: 'contain', backgroundRepeat: 'no-repeat', backgroundColor: '#2b3648', padding: '5rem', display: 'flex', justifyContent: 'center' }}>
+            <div className="page-content" id="LandingPage" style={{ backgroundImage: 'url("https://www.ffn.de/fileadmin/ffn.de/programm/ausbildungsboerse/studium.jpg")', height: '100vh', backgroundSize: 'cover', backgroundRepeat: 'no-repeat', backgroundColor: '#2b3648', padding: '5rem', display: 'flex', justifyContent: 'center' }}>
                 <div style={{ width: '50rem', height: '25rem', padding: '10rem', backgroundColor: 'rgba(0, 0, 0, 0.8)' }}>
                     <h3 style={{ color: 'white' }}>Berliner Hochschule für Technik</h3>
                     <p style={{ color: 'white' }}>Herzlich Willkommen auf unserer Homepage!</p>

my-app/src/components/UserComponents/UserManagement.js

@@ -98,7 +98,7 @@ class UserManagement extends Component {
                                 <img alt="Add-User-Button" src={addIcon} style={{ width: '2rem' }}></img>
                             </Button>
                         </div>
-                        <div style={{ display: "flex", flexFlow: "row wrap", justifyContent: "center" }}>
+                        <div style={{ display: "flex", flexFlow: "row wrap", justifyContent: "left" }}>
                             {this.MapAllUsers()}
                             <DeleteUserModal />
                         </div>