Layout was messed up due to changes in Bootstrap 3.

Signed-off-by: Belen Barros Pena <[email protected]>
---
 .../toastergui/static/css/bootstrap3-transition.css | 21 +++++++++++++++++++++
 .../lib/toaster/toastergui/templates/landing.html   | 11 ++++-------
 2 files changed, 25 insertions(+), 7 deletions(-)

diff --git 
a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css 
b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css
index a832b4d..1f4f7d0 100644
--- a/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css
+++ b/bitbake/lib/toaster/toastergui/static/css/bootstrap3-transition.css
@@ -208,3 +208,24 @@ a.toggle-errors:focus,
 a.toggle-warnings:focus {
   outline: none;
 }
+
+/* Landing page */
+
+.jumbotron p {
+  margin-top: 20px;
+  margin-bottom: 30px;
+}
+
+.jumbotron ul {
+  margin-left: 10px;
+  font-size: 21px;
+  font-weight: 200;
+}
+
+.jumbotron ul > li {
+  line-height: 30px;
+}
+
+.jumbotron .img-thumbnail {
+  padding: 0;
+}
diff --git a/bitbake/lib/toaster/toastergui/templates/landing.html 
b/bitbake/lib/toaster/toastergui/templates/landing.html
index b19eb5f..0fdf033 100644
--- a/bitbake/lib/toaster/toastergui/templates/landing.html
+++ b/bitbake/lib/toaster/toastergui/templates/landing.html
@@ -6,10 +6,8 @@
 
 {% block title %} Welcome to Toaster {% endblock %}
 {% block pagecontent %}
-    <div class="container">
       <div class="row">
-        <div class="jumbotron col-md-12 well-transparent">
-          <div class="row">
+        <div class="jumbotron well-transparent">
 
             <div class="col-md-6">
               <h1>This is Toaster</h1>
@@ -17,8 +15,8 @@
               <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 class="hero-actions">
-                             <a class="btn btn-primary btn-lg" href="{% url 
'newproject' %}">
+                           <p>
+                             <a class="btn btn-primary btn-large" href="{% url 
'newproject' %}">
                                      To start building, create your first 
Toaster project
                              </a>
                            </p>
@@ -55,8 +53,7 @@
               <img alt="Yocto Project" class="img-thumbnail" src="{% static 
'img/toaster_bw.png' %}"/>
             </div>
 
-          </div>
         </div>
       </div>
-    </div>
+
 {% endblock %}
-- 
1.9.1

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

Reply via email to