Move the Toaster landing page to Bootstrap 3.

Signed-off-by: Belen Barros Pena <[email protected]>
---
 bitbake/lib/toaster/toastergui/static/css/default.css |  3 +++
 bitbake/lib/toaster/toastergui/templates/landing.html | 10 +++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css 
b/bitbake/lib/toaster/toastergui/static/css/default.css
index efcb9f8..a8d86e9 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -242,3 +242,6 @@ code { color: #333; background-color: transparent; }
 /* Style the new project form */
 #new-project-name { width: 33%; }
 #projectversion { width: 20%; margin-bottom: 10px; }
+
+/* Style the Toaster screenshot in the landing page */
+.img-thumbnail { padding: 0; }
diff --git a/bitbake/lib/toaster/toastergui/templates/landing.html 
b/bitbake/lib/toaster/toastergui/templates/landing.html
index 0fdf033..4986632 100644
--- a/bitbake/lib/toaster/toastergui/templates/landing.html
+++ b/bitbake/lib/toaster/toastergui/templates/landing.html
@@ -15,13 +15,13 @@
               <p>A web interface to <a 
href="http://www.openembedded.org";>OpenEmbedded</a> and <a 
href="http://www.yoctoproject.org/tools-resources/projects/bitbake";>BitBake</a>,
 the <a href="http://www.yoctoproject.org";>Yocto Project</a> build system.</p>
 
                          {% if lvs_nos %}
-                           <p>
-                             <a class="btn btn-primary btn-large" href="{% url 
'newproject' %}">
+                           <p class="top-air">
+                             <a class="btn btn-primary btn-lg" href="{% url 
'newproject' %}">
                                      To start building, create your first 
Toaster project
                              </a>
                            </p>
                          {% else %}
-                <div class="alert alert-info lead air">
+                <div class="alert alert-info lead top-air">
                   Toaster has no layer information. Without layer information, 
you cannot run builds. To generate layer information you can:
                   <ul>
                     <li>
@@ -34,7 +34,7 @@
                 </div>
               {% endif %}
 
-              <ul class="list-unstyled">
+              <ul class="list-unstyled lead">
                 <li>
                   <a 
href="http://www.yoctoproject.org/docs/latest/toaster-manual/toaster-manual.html";>
                     Read the Toaster manual
@@ -50,7 +50,7 @@
             </div>
 
             <div class="col-md-6">
-              <img alt="Yocto Project" class="img-thumbnail" src="{% static 
'img/toaster_bw.png' %}"/>
+              <img alt="Yocto Project Toaster" class="img-thumbnail" src="{% 
static 'img/toaster_bw.png' %}"/>
             </div>
 
         </div>
-- 
1.9.1

-- 
_______________________________________________
toaster mailing list
[email protected]
https://lists.yoctoproject.org/listinfo/toaster

Reply via email to