[bitbake-devel] [PATCH 03/11] toaster: layer details Layout fixes

[Michael Wood]

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

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

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      | 8 +++++++-
 lib/toaster/toastergui/templates/layerdetails.html | 2 +-
 2 files changed, 8 insertions(+), 2 deletions(-)

diff --git a/lib/toaster/toastergui/static/css/default.css b/lib/toaster/toastergui/static/css/default.css
index a56bb8c..22510e8 100644
--- a/lib/toaster/toastergui/static/css/default.css
+++ b/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/lib/toaster/toastergui/templates/layerdetails.html b/lib/toaster/toastergui/templates/layerdetails.html
index 08e41ce..7dd0c47 100644
--- a/lib/toaster/toastergui/templates/layerdetails.html
+++ b/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>
-- 
2.7.4