Cleaner UI for explore page (#1253) (#1255)

* Take navbar out of column
* Add styles to navbar
* Changed navbar classes
* Remove unneeded !important from index.css
* Remove unneeded !important from _explore.less

public/css/index.css

@@ -2944,6 +2944,14 @@ footer .ui.language .menu {
   padding-top: 15px;
   padding-bottom: 80px;
 }
+.explore .navbar {
+  justify-content: center;
+  padding-top: 15px !important;
+  margin-top: -15px !important;
+  margin-bottom: 15px !important;
+  background-color: #FAFAFA !important;
+  border-width: 1px !important;
+}
 .explore .navbar .octicon {
   width: 16px;
   text-align: center;

public/less/_explore.less

@@ -3,6 +3,13 @@
 	padding-bottom: @footer-margin * 2;
 
 	.navbar {
+        justify-content: center;
+        padding-top: 15px !important;
+        margin-top: -15px !important;
+        margin-bottom: 15px !important;
+        background-color: #FAFAFA !important;
+        border-width: 1px !important;
+        
 		.octicon {
 			width: 16px;
 			text-align: center;

templates/explore/navbar.tmpl

@@ -1,6 +1,4 @@
-<div class="four wide column">
-	<div class="ui vertical menu navbar">
-		<div class="header item">{{.i18n.Tr "explore"}}</div>
+<div class="ui secondary pointing tabular top attached borderless menu navbar">
 	<a class="{{if .PageIsExploreRepositories}}active{{end}} item" href="{{AppSubUrl}}/explore/repos">
 		<span class="octicon octicon-repo"></span> {{.i18n.Tr "explore.repos"}}
 	</a>
@@ -11,4 +9,3 @@
 		<span class="octicon octicon-organization"></span> {{.i18n.Tr "explore.organizations"}}
 	</a>
 </div>
-</div>

templates/explore/organizations.tmpl

@@ -1,9 +1,7 @@
 {{template "base/head" .}}
 <div class="explore users">
-	<div class="ui container">
-		<div class="ui grid">
 	{{template "explore/navbar" .}}
-			<div class="twelve wide column content">
+	<div class="ui container">
 		{{template "explore/search" .}}
 
 		<div class="ui user list">
@@ -32,6 +30,4 @@
 		{{template "base/paginate" .}}
 	</div>
 </div>
-	</div>
-</div>
 {{template "base/footer" .}}

templates/explore/repos.tmpl

@@ -1,14 +1,10 @@
 {{template "base/head" .}}
 <div class="explore repositories">
-	<div class="ui container">
-		<div class="ui grid">
 	{{template "explore/navbar" .}}
-			<div class="twelve wide column content">
+	<div class="ui container">
 		{{template "explore/search" .}}
 		{{template "explore/repo_list" .}}
 		{{template "base/paginate" .}}
 	</div>
 </div>
-	</div>
-</div>
 {{template "base/footer" .}}

templates/explore/users.tmpl

@@ -1,9 +1,7 @@
 {{template "base/head" .}}
 <div class="explore users">
-	<div class="ui container">
-		<div class="ui grid">
 	{{template "explore/navbar" .}}
-			<div class="twelve wide column content">
+	<div class="ui container">
 		{{template "explore/search" .}}
 
 		<div class="ui user list">
@@ -32,6 +30,4 @@
 		{{template "base/paginate" .}}
 	</div>
 </div>
-	</div>
-</div>
 {{template "base/footer" .}}