Layer details style changes

Changed to full screen layout to improve the table display
and get rid of the accordion for the layer information.

Signed-off-by: Belen Barros <belen.barros.pena@intel.com>

1 files changed, 25 insertions, 24 deletions

diff --git a/layerindex/static/css/additional.css b/layerindex/static/css/additional.css
index 10c870e1b5..4b96cd7110 100644
--- a/layerindex/static/css/additional.css
+++ b/layerindex/static/css/additional.css
@@ -27,29 +27,30 @@ textarea {
     color:white;
 }
 
-bs-docs-example:after {
-    background-color: #F5F5F5;
-    border: 1px solid #DDDDDD;
-    border-radius: 4px 0 4px 0;
-    color: #9DA0A4;
-    content: "Recipes";
-    font-size: 12px;
-    font-weight: bold;
-    left: -1px;
-    padding: 3px 7px;
-    position: absolute;
-    top: -1px;
-}
-
-.bs-docs-example {
-    background-color: #FFFFFF;
-    border: 1px solid #DDDDDD;
-    border-radius: 4px 4px 4px 4px;
-    margin: 15px 0;
-    padding: 39px 19px 14px;
-    position: relative;
-}
-
 .footer {
     text-align: center;
-}
\ No newline at end of file
+}
+
+.description {
+    margin-bottom: 2em;
+}
+
+.description p {
+    font-size: 1.2em;
+}
+
+.description ul {
+    font-size: 1.2em;
+}
+
+.description li {
+    margin-bottom: 0.5em;
+}
+
+.dependency-well {
+    padding-top: 4px;
+}
+
+h1 .btn {
+    font-weight: normal;
+}