css optimizations better appearance on mobile

androse · Feb 10, 2014 · 832331c · 832331c
1 parent 648f85a
commit 832331c
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/public/css/stylesheet.css b/public/css/stylesheet.css
@@ -48,6 +48,7 @@ body{
 
 .media-heading{
 	font-weight:bold;
+	padding-left:15px;
 }
 
 .media{
@@ -108,6 +109,14 @@ input[type=text] {
 	font-size: 18px;
 }
 
+
+.navbar-toggle{
+	z-index: 100;
+}
+.navbar-default .navbar-collapse, .navbar-default .navbar-form, .collapsing{
+	border:0px;
+}
+
 .navbar{
 	font-family: coolveticaregular;
 	background: white;

diff --git a/views/navbar.ejs b/views/navbar.ejs
@@ -7,9 +7,9 @@
 		<span class="icon-bar"></span>
 		<span class="icon-bar"></span>
 	  </button>
-	  <div id="logo" style="position:absolute; top:0px; left:0px;" width=300px>
+	  <div id="logo" style="position:absolute; top:0px; left:0px; padding-right:150px;" width=300px>
 		<a href="#">
-		<img src = "img/banner.png" alt = "Sportr - Sweat.. with strangers!" />
+		<img class="img-responsive" src = "img/banner.png" alt = "Sportr - Sweat.. with strangers!" />
 		</a>
 	  </div>
 	</div>