Editing playlist modal

src/scss/components/_header.scss

@@ -4,16 +4,30 @@ main {
 		padding: 14px 20px;
 		background: #EEEEEE;
 
+		h1 {
+			font-size: 22px;
+			font-weight: 100;
+			display: inline-block;
+		}
+
 		.icon {
 			display: inline-block;
 			padding-right: 14px;
 			height: 16px;
 		}
 
-		h1 {
-			font-size: 22px;
-			font-weight: 100;
-			display: inline-block;
+		.actions {
+			position: absolute;
+			top: 0;
+			right: 10px;
+
+			button {
+				background: transparent;
+				font-size: 14px;
+				font-weight: 600;
+				padding: 16px 10px;
+				text-transform: uppercase;
+			}
 		}
 	}
 }

src/scss/components/_modal.scss

@@ -30,18 +30,35 @@
 	.content {
 		padding: 100px;
 		margin: 0 auto;
-		width: 70%;
+		width: 50%;
 		color: #FFFFFF;
 
-		h1 {
-			font-size: 30px;
-			font-weight: 300;
-			padding-bottom: 30px;
+		h4 {
+			padding-bottom: 40px;
 		}
 
 		form {
 			.field {
 				padding-bottom: 20px;
+
+				input[type="text"]{
+					background: transparent;
+					font-size: 24px;
+					border-bottom: 2px solid #FFFFFF;
+					padding-left: 0;
+					padding-right: 0;
+					width: 100%;
+					color: #FFFFFF;
+
+					&:focus,
+					&:active {
+						border-color: $turquoise;
+					}
+				}
+
+				.label {
+					font-size: 16px;
+				}
 			}
 
 			button[type="submit"]{