[bitbake-devel] [PATCH 04/11] toaster: import layer Layout fixes

[Michael Wood]

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

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>
Signed-off-by: Michael Wood <michael.g.wood at intel.com>
---
 lib/toaster/toastergui/static/css/default.css     |  1 +
 lib/toaster/toastergui/templates/importlayer.html | 12 +++++++-----
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/lib/toaster/toastergui/static/css/default.css b/lib/toaster/toastergui/static/css/default.css
index 22510e8..88fe864 100644
--- a/lib/toaster/toastergui/static/css/default.css
+++ b/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/lib/toaster/toastergui/templates/importlayer.html b/lib/toaster/toastergui/templates/importlayer.html
index eb02440..1f42696 100644
--- a/lib/toaster/toastergui/templates/importlayer.html
+++ b/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: . \ ? % * : | " " &lt; &gt;</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: . \ ? % * : | " " &lt; &gt;</p>
+      </div>
     </fieldset>
 
     <fieldset class="fields-apart-from-layer-name">
-- 
2.7.4