bitbake: toastergui: spacing and top nav style change

Remove the margin for the .section class and the
.row-fluid class in the page header div to
reduce the vertical white space a little
bit in the project pages.

Also, change the style of the Toaster manual
link to make it look like the main navigation.

(Bitbake rev: 7b539bbf25786d313fd8092dc96b186388df58aa)

Signed-off-by: Belen Barros Pena <belen.barros.pena@intel.com>
Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>
This commit is contained in:
Belen Barros Pena
2015-08-04 16:07:06 +01:00
committed by Richard Purdie
parent a8b723498c
commit d47358fc95
3 changed files with 12 additions and 7 deletions

View File

@@ -10,7 +10,6 @@
/* Style the breadcrumb */ /* Style the breadcrumb */
.breadcrumb { display: inline-block; background-color: transparent; } .breadcrumb { display: inline-block; background-color: transparent; }
.section { margin: 20px 0; }
/* Styles for the help information */ /* Styles for the help information */
.get-help { color: #CCCCCC; } .get-help { color: #CCCCCC; }

View File

@@ -102,11 +102,17 @@
<i class="icon-folder-open"></i> <i class="icon-folder-open"></i>
All projects All projects
</a> </a>
</li> </ul> </li>
<a class="pull-right manual" target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html"> </ul>
<i class="icon-book"></i> <ul class="nav pull-right">
Toaster manual <li>
</a> <a target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html">
<i class="icon-book"></i>
Manual
</a>
</li>
</ul>
<span class="pull-right divider-vertical"></span>
<div class="btn-group pull-right"> <div class="btn-group pull-right">
<a class="btn" id="new-project-button" href="{% url 'newproject' %}">New project</a> <a class="btn" id="new-project-button" href="{% url 'newproject' %}">New project</a>
</div> </div>

View File

@@ -4,7 +4,7 @@
</div> </div>
<!-- project name --> <!-- project name -->
<div class="row-fluid page-header"> <div class="page-header">
<h1><span id="project-name">{{project.name}}</span> <h1><span id="project-name">{{project.name}}</span>
<i class="icon-pencil" data-original-title="" id="project-change-form-toggle" title=""></i> <i class="icon-pencil" data-original-title="" id="project-change-form-toggle" title=""></i>
</h1> </h1>