From 8e4944e6650be0548cb4ceac0c9dc47d282ba2ed Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Szekeres=20Ba=CC=81lint?= <szekeres.balint@hps.hu>
Date: Mon, 8 Jan 2018 17:14:40 +0100
Subject: [PATCH] header url bar

---
 public/assets/css/app.css       | 27 ++++++++++++++++-----------
 public/assets/img/clipboard.svg |  3 ++-
 public/assets/img/refresh.svg   |  3 ++-
 public/index.html               | 18 +++++++++---------
 4 files changed, 29 insertions(+), 22 deletions(-)

diff --git a/public/assets/css/app.css b/public/assets/css/app.css
index 1d9f118..13bc783 100644
--- a/public/assets/css/app.css
+++ b/public/assets/css/app.css
@@ -17,20 +17,19 @@ body {
 
 header {
 	background-color: #000;
-	box-shadow: 0 5px 10px 10px #000;
-	padding: 0.5rem 0 0;
+	padding: 0.5rem 0;
 	text-align: center;
-	margin-bottom: 1.5rem;
+	margin-bottom: 0.5rem;
 	color: #fff;
 	font-size: 2.2rem;
 }
 
-header img.nginx {
+header .logo img.nginx {
 	height: 1.6rem;
 	vertical-align: -0.1rem;
 }
 
-header img.config {
+header .logo img.config {
 	height: 1.2rem;
 	vertical-align: super;
 	opacity: 0.8;
@@ -38,14 +37,20 @@ header img.config {
 	margin-right: -0.25rem;
 }
 
-main {
-	flex: 1 1 auto;
-}
-
-main .url .input-group-prepend .input-group-text,
-main .url .input-group-append .input-group-text {
+header .url .input-group-prepend .input-group-text,
+header .url .input-group-append .input-group-text {
 	padding-top: 0.15rem;
 	cursor: pointer;
+	background-color: transparent;
+}
+
+header .url .form-control {
+	background-color: transparent;
+	color: #fff;
+}
+
+main {
+	flex: 1 1 auto;
 }
 
 main .options,
diff --git a/public/assets/img/clipboard.svg b/public/assets/img/clipboard.svg
index e8153b6..e929cc8 100644
--- a/public/assets/img/clipboard.svg
+++ b/public/assets/img/clipboard.svg
@@ -1,3 +1,4 @@
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="14" height="14" viewBox="0 0 14 14">
-<path d="M6 13h7v-5h-3.25q-0.312 0-0.531-0.219t-0.219-0.531v-3.25h-3v9zM8 1.75v-0.5q0-0.102-0.074-0.176t-0.176-0.074h-5.5q-0.102 0-0.176 0.074t-0.074 0.176v0.5q0 0.102 0.074 0.176t0.176 0.074h5.5q0.102 0 0.176-0.074t0.074-0.176zM10 7h2.336l-2.336-2.336v2.336zM14 8v5.25q0 0.312-0.219 0.531t-0.531 0.219h-7.5q-0.312 0-0.531-0.219t-0.219-0.531v-1.25h-4.25q-0.312 0-0.531-0.219t-0.219-0.531v-10.5q0-0.312 0.219-0.531t0.531-0.219h8.5q0.312 0 0.531 0.219t0.219 0.531v2.563q0.164 0.102 0.281 0.219l3.188 3.188q0.219 0.219 0.375 0.594t0.156 0.688z"></path>
+<defs><style>.a{fill:#ffffff;}</style></defs>
+<path class="a" d="M6 13h7v-5h-3.25q-0.312 0-0.531-0.219t-0.219-0.531v-3.25h-3v9zM8 1.75v-0.5q0-0.102-0.074-0.176t-0.176-0.074h-5.5q-0.102 0-0.176 0.074t-0.074 0.176v0.5q0 0.102 0.074 0.176t0.176 0.074h5.5q0.102 0 0.176-0.074t0.074-0.176zM10 7h2.336l-2.336-2.336v2.336zM14 8v5.25q0 0.312-0.219 0.531t-0.531 0.219h-7.5q-0.312 0-0.531-0.219t-0.219-0.531v-1.25h-4.25q-0.312 0-0.531-0.219t-0.219-0.531v-10.5q0-0.312 0.219-0.531t0.531-0.219h8.5q0.312 0 0.531 0.219t0.219 0.531v2.563q0.164 0.102 0.281 0.219l3.188 3.188q0.219 0.219 0.375 0.594t0.156 0.688z"></path>
 </svg>
diff --git a/public/assets/img/refresh.svg b/public/assets/img/refresh.svg
index 720527e..037715b 100644
--- a/public/assets/img/refresh.svg
+++ b/public/assets/img/refresh.svg
@@ -1,3 +1,4 @@
 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="12" height="14" viewBox="0 0 12 14">
-<path d="M11.805 8.25q0 0.039-0.008 0.055-0.5 2.094-2.094 3.395t-3.734 1.301q-1.141 0-2.207-0.43t-1.902-1.227l-1.008 1.008q-0.148 0.148-0.352 0.148t-0.352-0.148-0.148-0.352v-3.5q0-0.203 0.148-0.352t0.352-0.148h3.5q0.203 0 0.352 0.148t0.148 0.352-0.148 0.352l-1.070 1.070q0.555 0.516 1.258 0.797t1.461 0.281q1.047 0 1.953-0.508t1.453-1.398q0.086-0.133 0.414-0.914 0.062-0.18 0.234-0.18h1.5q0.102 0 0.176 0.074t0.074 0.176zM12 2v3.5q0 0.203-0.148 0.352t-0.352 0.148h-3.5q-0.203 0-0.352-0.148t-0.148-0.352 0.148-0.352l1.078-1.078q-1.156-1.070-2.727-1.070-1.047 0-1.953 0.508t-1.453 1.398q-0.086 0.133-0.414 0.914-0.062 0.18-0.234 0.18h-1.555q-0.102 0-0.176-0.074t-0.074-0.176v-0.055q0.508-2.094 2.109-3.395t3.75-1.301q1.141 0 2.219 0.434t1.914 1.223l1.016-1.008q0.148-0.148 0.352-0.148t0.352 0.148 0.148 0.352z"></path>
+<defs><style>.a{fill:#ffffff;}</style></defs>
+<path class="a" d="M11.805 8.25q0 0.039-0.008 0.055-0.5 2.094-2.094 3.395t-3.734 1.301q-1.141 0-2.207-0.43t-1.902-1.227l-1.008 1.008q-0.148 0.148-0.352 0.148t-0.352-0.148-0.148-0.352v-3.5q0-0.203 0.148-0.352t0.352-0.148h3.5q0.203 0 0.352 0.148t0.148 0.352-0.148 0.352l-1.070 1.070q0.555 0.516 1.258 0.797t1.461 0.281q1.047 0 1.953-0.508t1.453-1.398q0.086-0.133 0.414-0.914 0.062-0.18 0.234-0.18h1.5q0.102 0 0.176 0.074t0.074 0.176zM12 2v3.5q0 0.203-0.148 0.352t-0.352 0.148h-3.5q-0.203 0-0.352-0.148t-0.148-0.352 0.148-0.352l1.078-1.078q-1.156-1.070-2.727-1.070-1.047 0-1.953 0.508t-1.453 1.398q-0.086 0.133-0.414 0.914-0.062 0.18-0.234 0.18h-1.555q-0.102 0-0.176-0.074t-0.074-0.176v-0.055q0.508-2.094 2.109-3.395t3.75-1.301q1.141 0 2.219 0.434t1.914 1.223l1.016-1.008q0.148-0.148 0.352-0.148t0.352 0.148 0.148 0.352z"></path>
 </svg>
diff --git a/public/index.html b/public/index.html
index 8585e02..facc98d 100644
--- a/public/index.html
+++ b/public/index.html
@@ -12,19 +12,17 @@
 		<meta name="description" content="nginx config generator">
 		<meta name="keywords" content="nginx, config, configurator, /etc/nginx/nginx.conf, nginx performance, nginx tuning, nginx php, nginx, php fpm, wordpress, cdn, access_log, error_log">
 	</head>
-	<body ng-app="NginxConfigIoApp">
+	<body ng-app="NginxConfigIoApp" ng-controller="NginxConfigIoController">
 		<header>
-			<div class="container-fluid">
-				<img src="https://cdn.nginxconfig.io/assets/img/nginx.svg" alt="nginx" class="nginx">
-				<img src="https://cdn.nginxconfig.io/assets/img/config.svg" alt="config" class="config">
-				config.io
-			</div>
-		</header>
-		<main ng-controller="NginxConfigIoController">
 			<div class="container">
+				<div class="logo">
+					<img src="https://cdn.nginxconfig.io/assets/img/nginx.svg" alt="nginx" class="nginx">
+					<img src="https://cdn.nginxconfig.io/assets/img/config.svg" alt="config" class="config">
+					config.io
+				</div>
 				<div class="row">
 					<div class="col-sm-10 col-lg-8 col-xl-6 offset-sm-1 offset-lg-2 offset-xl-3">
-						<div class="input-group mb-2 url">
+						<div class="input-group url">
 							<div class="input-group-prepend">
 								<div class="input-group-text" ngclipboard data-clipboard-target="#url"><img src="https://cdn.nginxconfig.io/assets/img/clipboard.svg" alt="Copy to clipboard"></div>
 							</div>
@@ -36,6 +34,8 @@
 					</div>
 				</div>
 			</div>
+		</header>
+		<main>
 			<div class="container-fluid">
 				<div class="row">
 					<div class="col-md-3 col-lg-2 options">