bitbake: toaster: layer details Layout fixes

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

(Bitbake rev: ce9a5f885f43bebf39d191309f48da83b31e60e0)

Signed-off-by: Belen Barros Pena <belen.barros.pena@linux.intel.com>
Signed-off-by: Michael Wood <michael.g.wood@intel.com>
Signed-off-by: Richard Purdie <richard.purdie@linuxfoundation.org>

2 files changed, 8 insertions, 2 deletions

diff --git a/bitbake/lib/toaster/toastergui/static/css/default.css b/bitbake/lib/toaster/toastergui/static/css/default.css
index a56bb8cbff..22510e8687 100644
--- a/bitbake/lib/toaster/toastergui/static/css/default.css
+++ b/bitbake/lib/toaster/toastergui/static/css/default.css
@@ -161,7 +161,13 @@ dd .glyphicon-edit { margin-left: 5px; }
 
 /* Style the forms and definition lists in the layer details pages */
 #change-repo-form .form-control { width: 17em; }
+#information { margin-bottom: 5em; }
 #information dd > form { margin-bottom: 5px; margin-top: 5px; }
+#edit-layer-source-form fieldset { margin-top: 20px; }
+#directory-info,
+#git-repo-info { margin-top: 20px; }
+#layer-dir-path-in-details { width: 55%; }
+.add-deps .form-control { width: 15em; }
 
 /* Style the forms and definition lists in the BitBake variables page */
 .variable-list { margin-bottom: 20px; }
@@ -196,7 +202,7 @@ h2 { margin-bottom: 25px; }
 .tt-suggestion:active { background-color: #f5f5f5; cursor: pointer; }
 
 /* Style the import layer form controls*/
-legend { border: none; margin-top: 20px; }
+legend { border: none; }
 .radioLegend { margin-bottom: 0; }
 #layer-name-ctrl { margin-top: 20px; }
 #import-layer-name,
diff --git a/bitbake/lib/toaster/toastergui/templates/layerdetails.html b/bitbake/lib/toaster/toastergui/templates/layerdetails.html
index 08e41ce75c..7dd0c47a9e 100644
--- a/bitbake/lib/toaster/toastergui/templates/layerdetails.html
+++ b/bitbake/lib/toaster/toastergui/templates/layerdetails.html
@@ -258,7 +258,7 @@
              <span class="glyphicon glyphicon-question-sign get-help" title="Other layers this layer depends upon"></span>
            </h3>
 
-           <ul class="list-unstyled current-value" id="layer-deps-list">
+           <ul class="list-unstyled current-value lead" id="layer-deps-list">
              {% for ld in layerversion.dependencies.all %}
              <li data-layer-id="{{ld.depends_on.id}}">
              <a data-toggle="tooltip" title="{{ld.depends_on.layer.vcs_url}} | {{ld.depends_on.get_vcs_reference}}" href="{% url 'layerdetails' project.id ld.depends_on.id %}">{{ld.depends_on.layer.name}}</a>