From 1d23a5fa67fee2b093ea2c325a6d7b79c60f95e5 Mon Sep 17 00:00:00 2001
From: Carl Kittelberger <icedream@icedream.pw>
Date: Mon, 16 Jul 2018 01:24:13 +0200
Subject: [PATCH] Start working on logo/meta side-by-side design.

---
 src/_header.scss        | 8 ++++++++
 src/header/_meta.scss   | 4 ++++
 src/header/_nav.scss    | 3 +++
 src/header/_player.scss | 5 +++++
 4 files changed, 20 insertions(+)
 create mode 100644 src/header/_player.scss

diff --git a/src/_header.scss b/src/_header.scss
index 18bd277..6030ad3 100644
--- a/src/_header.scss
+++ b/src/_header.scss
@@ -1,2 +1,10 @@
 @import 'header/nav';
 @import 'header/meta';
+@import 'header/player';
+
+header {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center;
+  align-items: center;
+}
diff --git a/src/header/_meta.scss b/src/header/_meta.scss
index 167dd1a..6ca63f3 100644
--- a/src/header/_meta.scss
+++ b/src/header/_meta.scss
@@ -3,6 +3,10 @@
 
 // currently playing track metadata
 #meta {
+  margin-top: 2vmin;
+  margin-bottom: none;
+  flex: 1 1 auto;
+
   @include icedream-font;
   color: $icedream-text-color;
   line-height: $icedream-extended-line-height;
diff --git a/src/header/_nav.scss b/src/header/_nav.scss
index fdfcf01..865b9ba 100644
--- a/src/header/_nav.scss
+++ b/src/header/_nav.scss
@@ -2,6 +2,9 @@
 @import 'nav/bgfade';
 
 #nav {
+  margin-top: 1vmin;
+  flex: 0 0 100%;
+
   @include icedream-font;
 
   // push in some air
diff --git a/src/header/_player.scss b/src/header/_player.scss
new file mode 100644
index 0000000..ffe5010
--- /dev/null
+++ b/src/header/_player.scss
@@ -0,0 +1,5 @@
+// player container
+#player {
+  flex: 0 0 auto;
+  margin-top: 2vmin;
+}