1 files changed, 24 insertions, 27 deletions

diff --git a/bitbake/lib/toaster/toastergui/templates/newproject.html b/bitbake/lib/toaster/toastergui/templates/newproject.html
index 8913057f40..acb614e9d3 100644
--- a/bitbake/lib/toaster/toastergui/templates/newproject.html
+++ b/bitbake/lib/toaster/toastergui/templates/newproject.html
@@ -5,27 +5,21 @@
 {% block title %} Create a new project - Toaster {% endblock %}
 
 {% block pagecontent %}
-<div class="row-fluid">
+<div class="row">
+  <div class="col-md-12">
     <div class="page-header">
           <h1>Create a new project</h1>
         </div>
-        <div class="container-fluid">
     {% if alert %}
-      <div class="alert alert-error row-fluid" role="alert">{{alert}}</div>
+      <div class="alert alert-danger" role="alert">{{alert}}</div>
     {% endif %}
-        </div>
 
-      <div class="row-fluid">
-        <div class="span6">
         <form method="POST">{% csrf_token %}
-
-            <fieldset id="validate-project-name">
-              <label>Project name <span class="muted">(required)</span></label>
-              <div>
-                <input type="text" class="input-xlarge" required id="new-project-name" name="projectname">
-                <p class="help-block error" style="display: none;" id="hint-error-project-name">A project with this name exists. Project names must be unique.</p>
-              </div>
-            </fieldset>
+          <div class="form-group" id="validate-project-name">
+            <label class="control-label">Project name <span class="text-muted">(required)</span></label>
+            <input type="text" class="form-control" required id="new-project-name" name="projectname">
+          </div>
+          <p class="help-block text-danger" style="display: none;" id="hint-error-project-name">A project with this name exists. Project names must be unique.</p>
 <!--
             <fieldset>
                 <label class="project-form">Project type</label>
@@ -38,13 +32,13 @@
         <input type="hidden" name="ptype" value="build" />
 
         {% if releases.count > 0 %}
-            <fieldset class="release">
+                                <div class="release form-group">
             {% if releases.count > 1 %}
-              <label class="project-form">
+              <label class="control-label">
                 Release
-                <i class="icon-question-sign get-help" title="The version of the build system you want to use"></i>
+                <span class="glyphicon glyphicon-question-sign get-help" title="The version of the build system you want to use"></span>
               </label>
-              <select name="projectversion" id="projectversion">
+              <select name="projectversion" id="projectversion" class="form-control">
                 {% for release in releases %}
                     <option value="{{release.id}}"
                         {%if defaultbranch == release.name %}
@@ -53,25 +47,28 @@
                      >{{release.description}}</option>
                 {% endfor %}
               </select>
+              <div class="row">
+                <div class="col-md-4">
                 {% for release in releases %}
-              <div class="row-fluid helptext" id="description-{{release.id}}" style="display: none">
-                <span class="help-block span5">{{release.helptext|safe}}</span>
-              </div>
+                  <div class="helptext" id="description-{{release.id}}" style="display: none">
+                    <span class="help-block">{{release.helptext|safe}}</span>
+                  </div>
                 {% endfor %}
             {% else %}
               <input type="hidden" name="projectversion" value="{{releases.0.id}}"/>
             {% endif %}
+                </div>
+              </div>
             </fieldset>
         {% endif %}
-
-            <div class="form-actions">
-              <input type="submit" id="create-project-button" class="btn btn-primary btn-large" value="Create project"/>
+            <div class="top-air">
+              <input type="submit" id="create-project-button" class="btn btn-primary btn-lg" value="Create project"/>
               <span class="help-inline" style="vertical-align:middle;">To create a project, you need to enter a project name</span>
             </div>
+
         </form>
-        </div>
         <!--
-        <div class="span5 well">
+        <div class="col-md-5 well">
                 <span class="help-block">
                  <h4>Toaster project types</h4>
                  <p>With a <strong>build project</strong> you configure and run your builds from Toaster.</p>
@@ -84,7 +81,7 @@
                  <p>If you create a <strong>build project</strong>, you will need to select a <strong>release</strong>,
                  which is the version of the build system you want to use to run your builds.</p>
              </div> -->
-        </div>
+      </div>
     </div>
 
     <script type="text/javascript">