Added in ability to edit the project data item, although backend is not completed yet.

Signed-off-by: rodude123 <rodude123@gmail.com>

src/css/projects.css

@@ -69,7 +69,7 @@ section#projects .otherProj > div .oProjItem {
     -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
     border-radius: 10px;
-    padding: 0 1em;
+    padding: 0.75em 1em;
 }
 
 section#projects .otherProj > div .oProjItem:nth-child(2) {

src/css/templateStyles.css

@@ -121,25 +121,6 @@ a.btn:active, form input[type="submit"]:active {
     text-shadow: 0 6px 4px var(--mutedBlack);
 }
 
-form .formControl {
-    width: 100%;
-}
-
-form .formControl input:not([type="submit"]), form .formControl textarea {
-    width: 100%;
-    border: 4px solid var(--primaryDefault);
-    background: none;
-    outline: none;
-    -webkit-border-radius: 1em;
-    -moz-border-radius: 1em;
-    border-radius: 0.5em;
-    padding: 0 0.5em;
-}
-
-form .formControl textarea {
-    padding: 0.5em;
-}
-
 form .formControl input:not([type="submit"]).invalid:invalid, form .formControl textarea.invalid:invalid {
     border: 4px solid var(--errorDefault);
 }
@@ -165,6 +146,10 @@ form .formControl {
     align-items: flex-start;
 }
 
+form .formControl.passwordControl {
+    display: block;
+}
+
 form input[type="submit"] {
     align-self: flex-start;
 }
@@ -277,10 +262,12 @@ form .formControl .checkContainer .checkmark:after {
 
 form .formControl input[type="file"] {
     padding: 0;
+    cursor: pointer;
 }
 
 form .formControl input[type="file"]::file-selector-button {
     background-color: var(--primaryDefault);
+    color: #FFFFFF;
     border: 0;
     border-right: 5px solid var(--mutedBlack);
     padding: 15px;
@@ -290,7 +277,6 @@ form .formControl input[type="file"]::file-selector-button {
     -ms-transition: all .5s;
     -o-transition: all .5s;
     transition: all .5s;
-    cursor: pointer;
 }
 
 form .formControl input[type="file"]:hover::file-selector-button {