[Toaster] [PATCH 2/3] toaster: import layer Layout fixes

Belen Barros Pena belen.barros.pena at linux.intel.com
Fri Sep 2 03:57:23 PDT 2016


The layout of the import layer form was looking a bit awkward. This
commit tidies things up a bit.

Signed-off-by: Belen Barros Pena <belen.barros.pena at linux.intel.com>
---
 bitbake/lib/toaster/toastergui/static/css/default.css     |  1 +
 bitbake/lib/toaster/toastergui/templates/importlayer.html | 12 +++++++-----
 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 22510e8..88fe864 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -203,6 +203,7 @@ h2 { margin-bottom: 25px; }
 
 /* Style the import layer form controls*/
 legend { border: none; }
+fieldset.fields-apart-from-layer-name { margin-top: 20px; }
 .radioLegend { margin-bottom: 0; }
 #layer-name-ctrl { margin-top: 20px; }
 #import-layer-name,
diff --git a/bitbake/lib/toaster/toastergui/templates/importlayer.html b/bitbake/lib/toaster/toastergui/templates/importlayer.html
index eb02440..1f42696 100644
--- a/bitbake/lib/toaster/toastergui/templates/importlayer.html
+++ b/bitbake/lib/toaster/toastergui/templates/importlayer.html
@@ -113,16 +113,18 @@
           <span class="glyphicon glyphicon-question-sign get-help" title="You can provide a Git branch, a tag or a commit SHA as the revision"></span>
         </label>
         <input type="text" class="form-control" id="layer-git-ref" required>
-        <span class="help-inline" style="diaply:none;" id="invalid-layer-revision-hint"></span>
+        <span class="help-inline" style="display:none;" id="invalid-layer-revision-hint"></span>
       </div>
     </fieldset>
 
     <fieldset class="fields-apart-from-layer-name" id="local-dir" style="display:none;">
       <legend>Layer directory information</legend>
-	<label for="local-dir-path" class="control-label">Enter the absolute path to the layer directory</label>
-	<input type="text" class="form-control" id="local-dir-path" required/>
-	<p class="help-block" id="hintError-dir-path-starts-with-slash" style="display:none;">The absolute path must start with "/".</p>
-	<p class="help-block" id="hintError-dir-path" style="display:none;">The directory path cannot include spaces or any of these characters: . \ ? % * : | " " < ></p>
+      <div class="form-group">
+        <label for="local-dir-path" class="control-label">Enter the absolute path to the layer directory</label>
+        <input type="text" class="form-control" id="local-dir-path" required/>
+        <p class="help-block" id="hintError-dir-path-starts-with-slash" style="display:none;">The absolute path must start with "/".</p>
+        <p class="help-block" id="hintError-dir-path" style="display:none;">The directory path cannot include spaces or any of these characters: . \ ? % * : | " " < ></p>
+      </div>
     </fieldset>
 
     <fieldset class="fields-apart-from-layer-name">
-- 
1.9.1



More information about the toaster mailing list