From 18e2799cf8ece7917cb25bd1dfd619c56a39cdc0 Mon Sep 17 00:00:00 2001
From: bill bittner <bittner.w@gmail.com>
Date: Thu, 19 Oct 2017 08:30:41 -0700
Subject: [PATCH] recentered nav bar

---
 public/assets/css/general.css      |  5 ++++-
 public/assets/css/mediaQueries.css | 19 ++++++++++++++++++-
 views/partials/navBar.handlebars   |  2 +-
 3 files changed, 23 insertions(+), 3 deletions(-)

diff --git a/public/assets/css/general.css b/public/assets/css/general.css
index 2cd04f0f..b74c250c 100644
--- a/public/assets/css/general.css
+++ b/public/assets/css/general.css
@@ -434,7 +434,10 @@ table {
 
 .nav-bar-title--tagline {
 	font-size: small;
-	vertical-align: bottom;
+	position: absolute;
+	left: 50%;
+	top: 50%;
+	transform: translateX(-50%) translateY(-50%);
 }
 
 .nav-bar-link {
diff --git a/public/assets/css/mediaQueries.css b/public/assets/css/mediaQueries.css
index f9f335f0..3cc27448 100644
--- a/public/assets/css/mediaQueries.css
+++ b/public/assets/css/mediaQueries.css
@@ -1,11 +1,24 @@
 
+@media (max-width: 1200px) {
+
+	.nav-bar-title--tagline {
+		font-size: small;
+		position: absolute;
+		left: 40%;
+		top: 50%;
+		transform: translateX(-40%) translateY(-50%);
+	}
+}
+
 @media (max-width: 1050px) {
 
 	.nav-bar-title--tagline {
 		display: none;
 	}
+
 }
 
+
 @media (max-width: 750px ) {
 
 	body, button, input, textarea, label, select, option {
@@ -58,7 +71,7 @@
 	}
 
 	.instructions-text--large, .pull-quote {
-		font-size: 1rem;
+		font-size: medium;
 	}
 
 }
@@ -69,4 +82,8 @@
 		font-size: x-small;
 	}
 
+	.instructions-text--large, .pull-quote {
+		font-size: small;
+	}
+
 }
\ No newline at end of file
diff --git a/views/partials/navBar.handlebars b/views/partials/navBar.handlebars
index b356b7f8..13f77382 100644
--- a/views/partials/navBar.handlebars
+++ b/views/partials/navBar.handlebars
@@ -1,8 +1,8 @@
 <div class="row-wide nav-bar">
     <div class="nav-bar-title-section">
         <a href="/"><img class="nav-bar-logo nav-bar-title" src="/assets/img/logo.gif" alt="spee.ch"/></a>
-        <span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video hosting.</span>
         <span class="nav-bar-title nav-bar-title--superscript">(beta)</span>
+        <span class="nav-bar-title nav-bar-title--tagline">Open-source, decentralized image and video hosting.</span>
         <div class="nav-bar-link-section">
             <a class="nav-bar-link" href="/">Upload</a>
             <a class="nav-bar-link" href="/popular">Popular</a>