Add Panels and update Navbar

3 files changed, 44 insertions, 6 deletions

diff --git a/src/navbar.less b/src/navbar.less
index d86c553..bc12a80 100755
--- a/src/navbar.less
+++ b/src/navbar.less
@@ -1,21 +1,28 @@
 // Navbar
 .navbar {
-  align-items: center;
+  align-items: stretch;
   display: flex;
   flex-wrap: wrap;
-  justify-content: space-between;
 
   .navbar-section {
     align-items: center;
     display: flex;
-    padding: 1rem 0;
+    flex: 1 0 0;
+
+    &:last-of-type {
+      justify-content: flex-end;
+    }
+  }
+
+  .navbar-primary {
+    align-items: center;
+    display: flex;
+    flex: 0 0 auto;
   }
 
   .navbar-brand {
     font-size: 1.6rem;
     font-weight: 500;
-    margin-right: 2rem;
     text-decoration: none;
-    vertical-align: middle;
   }
 }
diff --git a/src/panels.less b/src/panels.less
new file mode 100644
index 0000000..e368d76
--- /dev/null
+++ b/src/panels.less
@@ -0,0 +1,31 @@
+// Panels
+.panel {
+  border: .1rem solid @border-color;
+  border-radius: @border-radius;
+  display: flex;
+  flex-direction: column;
+
+  .panel-header,
+  .panel-footer {
+    flex: 0 0 auto;
+    padding: 1.5rem;
+  }
+
+  .panel-nav {
+    flex: 0 0 auto;
+  }
+
+  .panel-body {
+    flex: 1 1 auto;
+    overflow-y: auto;
+  }
+
+  .panel-body {
+    padding: 0 1.5rem;
+  }
+
+  .panel-title {
+    font-size: 2rem;
+    line-height: 1.4;
+  }
+}
diff --git a/src/tiles.less b/src/tiles.less
index e43fd6b..57b76d9 100644
--- a/src/tiles.less
+++ b/src/tiles.less
@@ -3,7 +3,7 @@
   align-content: space-between;
   align-items: flex-start;
   display: flex;
-  margin: 0;
+  margin: .5rem 0;
   padding: .5rem 0;
 
   .tile-icon,