Fix Copyright; Fix Grid Response

Author: gregpalace

app/components/Applications.tsx

@@ -69,8 +69,8 @@ const Applications = () => {
 
   return (
     <>
-      {applications.map((app: string[], i: number | any | string | undefined) => (
-        <Grid item xs={6} key={i}>
+      {applications.map((app: string, i: number | any | string | undefined) => (
+        <Grid item xs={12} lg={6} key={i}>
           <div id="card-hover">
             <Card
               className={classes.paper}
@@ -105,3 +105,4 @@ const Applications = () => {
 export default Applications;
 
 //name, desc, creation date
+// start lighter and becomes darker

app/components/Occupied.tsx

@@ -23,7 +23,7 @@ const Occupied: React.FC = () => {
     },
     grid: {
       margin: '0 auto',
-      maxWidth: '75vw',
+      maxWidth: '60vw',
       maxHeight: '75vh',
     },
     icon: {
@@ -57,7 +57,7 @@ const Occupied: React.FC = () => {
         <AddModal setOpen={setOpen} />
       </Modal>
       <Grid className={classes.grid} container spacing={3}>
-        <Grid item xs={6}>
+        <Grid item xs={12} lg={6}>
           <Button className={classes.paper} onClick={() => setOpen(true)}>
             <AddCircleOutlineTwoToneIcon className={classes.icon} />
           </Button>

app/stylesheets/Applications.css

@@ -13,14 +13,14 @@
   &:after {
     top: -1px;
     right: -1px;
-    border-top: 5px solid black;
-    border-right: 5px solid black;
+    border-top: 2px solid white;
+    border-right: 2px solid white;
   }
   &:before {
     bottom: -1px;
     left: -1px;
-    border-bottom: 5px solid black;
-    border-left: 5px solid black;
+    border-bottom: 2px solid white;
+    border-left: 2px solid white;
   }
   &:hover {
     border-top-right-radius: 0px;

app/stylesheets/MainContainer.scss

@@ -14,6 +14,8 @@
 
   .copyright-container {
     @include centerWithFlex(center);
+    position: fixed;
+    bottom: 0;
     width: 100%;
     padding: 10px;
   }