Fix themes

- Add padding for "Connection" button
- Adjust height of .header and #global. I don't really like this solution
  but I can't see any other solution

4 files changed, 27 insertions, 6 deletions

diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css
index 3e395b403..3176593be 100644
--- a/p/themes/Dark/dark.css
+++ b/p/themes/Dark/dark.css
@@ -437,12 +437,18 @@ a.btn {
 /*=== STRUCTURE */
 /*===============*/
 /*=== Header */
+.header {
+	height: 85px;
+}
 .header > .item {
-	padding: 10px 0;
+	padding: 10px;
 	vertical-align: middle;
 	text-align: center;
 	border-bottom: 1px solid #333;
 }
+.header > .item.title h1 {
+	margin: 0.5em 0;
+}
 .header > .item.title h1 a {
 	text-decoration: none;
 }
@@ -454,6 +460,9 @@ a.btn {
 }
 
 /*=== Body */
+#global {
+	height: calc(100% - 85px);
+}
 .aside {
 	border-right: 1px solid #333;
 	background: #1c1c1c;
diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css
index f9983ef43..d8824a6a0 100644
--- a/p/themes/Flat/flat.css
+++ b/p/themes/Flat/flat.css
@@ -427,14 +427,17 @@ a.btn {
 /*===============*/
 /*=== Header */
 .header {
+	height: 85px;
 	background: #ecf0f1;
 }
 .header > .item {
-	padding: 10px 0;
+	padding: 10px;
 	vertical-align: middle;
 	text-align: center;
 }
-
+.header > .item.title h1 {
+	margin: 0.5em 0;
+}
 .header > .item.title h1 a {
 	text-decoration: none;
 }
@@ -446,6 +449,9 @@ a.btn {
 }
 
 /*=== Body */
+#global {
+	height: calc(100% - 85px);
+}
 .aside {
 	background: #ecf0f1;
 }
diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css
index 724378b95..639e08b81 100644
--- a/p/themes/Origine/origine.css
+++ b/p/themes/Origine/origine.css
@@ -11,6 +11,7 @@
 html, body {
 	height: 100%;
 	font-family: "OpenSans", "Cantarell", "Helvetica", "Arial", sans-serif;
+	background: #fafafa;
 }
 
 /*=== Links */
@@ -469,15 +470,17 @@ a.btn {
 /*===============*/
 /*=== Header */
 .header {
+	height: 85px;
 	background: #f4f4f4;
 }
 .header > .item {
-	padding: 10px 0;
+	padding: 10px;
 	border-bottom: 1px solid #aaa;
 	vertical-align: middle;
 	text-align: center;
 }
 .header > .item.title h1 {
+	margin: 0.5em 0;
 	text-shadow: 1px -1px 0 #ccc;
 }
 .header > .item.title h1 a {
@@ -492,7 +495,7 @@ a.btn {
 
 /*=== Body */
 #global {
-	background: #fafafa;
+	height: calc(100% - 85px);
 }
 .aside {
 	border-right: 1px solid #aaa;
diff --git a/p/themes/base-theme/base.css b/p/themes/base-theme/base.css
index 8b32a7a6a..969c64876 100644
--- a/p/themes/base-theme/base.css
+++ b/p/themes/base-theme/base.css
@@ -332,13 +332,15 @@ a.btn {
 /*===============*/
 /*=== Header */
 .header {
+	height: 85px;
 }
 .header > .item {
-	padding: 10px 0;
+	padding: 10px;
 	vertical-align: middle;
 	text-align: center;
 }
 .header > .item.title h1 {
+	margin: 0.5em 0;
 }
 .header > .item.title h1 a {
 	text-decoration: none;
@@ -352,6 +354,7 @@ a.btn {
 
 /*=== Body */
 #global {
+	height: calc(100% - 85px);
 }
 .aside {
 }