second commit

client/components/newDocumentForm.less

@@ -9,11 +9,13 @@
 	border-radius: 10px;
 	box-shadow: 1px 0 14px black;
 
-	nav {
+	.popupTabs {
 		padding: 10px;
 		padding-right:100px;
 		padding-left:50px;
 		background: #333;
+		display: flex;
+		justify-content: space-evenly;
 	}
 
 	.content {
@@ -23,23 +25,27 @@
 
 		.templates {
 			display: grid;
-			grid-template-columns: repeat(3, 1fr);
+			grid-template-columns: repeat(5, 1fr);
 			padding: 50px;
-			gap:10px;
+			gap:30px;
 			box-shadow: inset 0 0 20px rgba(0,0,0,0.62);
 
 			.template {
 				width: 100px;
-				height: 150px;
 				display: flex;
 				flex-direction: column;
 				text-align:center;
+				align-items: center;
 				gap:10px;
 
 				.image {
-					width: 100px;
-					height: 100px;
 					background-color:#444;
+					border:2px solid #777;
+					border-radius:2px;
+					display:grid;
+					place-items:center;
+					padding:10px;
+					font-size:12px;
 				}
 
 			}
@@ -51,10 +57,22 @@
 			background-color: #555;
 			padding:25px;
 			
-			.fieldGroup {
+			.field {
 				display:grid;
 				grid-template-columns:50px 1fr;
 			}
+
+			#newButton {
+					.colorButton(@green);
+					position : absolute;
+					right    : 10px;
+					bottom   : 10px;
+
+					i {
+						margin-left         : 10px;
+						animation-duration  : 1000s;
+					}
+			}
 		}
 	}
 	.dismiss {
@@ -68,7 +86,7 @@
 		place-items:center;
 	}
 	
-	input {
+	input, textarea {
 		color:white;
 		background-color:#333;
 		border-radius:5px;