[bitbake-devel] [PATCH 1/6] bitbake: toastergui: spacing and top nav style change

[Michael Wood]

From: Belen Barros Pena <belen.barros.pena at intel.com>

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.

Signed-off-by: Belen Barros Pena <belen.barros.pena at intel.com>
Signed-off-by: Michael Wood <michael.g.wood at intel.com>
---
 lib/toaster/toastergui/static/css/default.css       |  1 -
 lib/toaster/toastergui/templates/base.html          | 16 +++++++++++-----
 lib/toaster/toastergui/templates/projecttopbar.html |  2 +-
 3 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/lib/toaster/toastergui/static/css/default.css b/lib/toaster/toastergui/static/css/default.css
index 638c6dd..dbe2307 100644
--- a/lib/toaster/toastergui/static/css/default.css
+++ b/lib/toaster/toastergui/static/css/default.css
@@ -10,7 +10,6 @@
 
 /* Style the breadcrumb */
 .breadcrumb { display: inline-block; background-color: transparent; }
-.section { margin: 20px 0; }
 
 /* Styles for the help information */
 .get-help { color: #CCCCCC; }
diff --git a/lib/toaster/toastergui/templates/base.html b/lib/toaster/toastergui/templates/base.html
index c16fd65..65367e2 100644
--- a/lib/toaster/toastergui/templates/base.html
+++ b/lib/toaster/toastergui/templates/base.html
@@ -102,11 +102,17 @@
                 <i class="icon-folder-open"></i>
                 All projects
               </a>
-            </li>                                                                         </ul>
-          <a class="pull-right manual" target="_blank" href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html">
-            <i class="icon-book"></i>
-            Toaster manual
-          </a>
+            </li>
+          </ul>
+          <ul class="nav pull-right">
+            <li>
+              <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">
             <a class="btn" id="new-project-button" href="{% url 'newproject' %}">New project</a>
           </div>
diff --git a/lib/toaster/toastergui/templates/projecttopbar.html b/lib/toaster/toastergui/templates/projecttopbar.html
index 79f6d1e..220ca72 100644
--- a/lib/toaster/toastergui/templates/projecttopbar.html
+++ b/lib/toaster/toastergui/templates/projecttopbar.html
@@ -4,7 +4,7 @@
 </div>
 
 <!-- project name -->
-<div class="row-fluid page-header">
+<div class="page-header">
   <h1><span id="project-name">{{project.name}}</span>
     <i class="icon-pencil" data-original-title="" id="project-change-form-toggle" title=""></i>
   </h1>
-- 
2.1.4