Fix buttons position when the API title is missing

Author: Damian Martinez Gelabert

dist/scripts/api-console.js

@@ -5364,7 +5364,7 @@ angular.module('ramlConsoleApp').run(['$templateCache', function($templateCache)
     "\n" +
     "    <root-documentation></root-documentation>\n" +
     "\n" +
-    "    <ol id=\"raml-console-resources-container\" class=\"raml-console-resource-list raml-console-resource-list-root\">\n" +
+    "    <ol <ol ng-class=\"{'raml-console-resources-container-no-title': disableTitle, 'raml-console-resources-container': !disableTitle}\" id=\"raml-console-resources-container\" class=\"raml-console-resource-list raml-console-resource-list-root\">\n" +
     "      <li id=\"raml_documentation\" class=\"raml-console-resource-list-item raml-console-documentation-header\">\n" +
     "        <div ng-if=\"proxy\" align=\"right\" class=\"raml-console-resource-proxy\">\n" +
     "          <label for=\"raml-console-api-behind-firewall\">API is behind a firewall <a href=\"http://www.mulesoft.org/documentation/display/current/Accessing+Your+API+Behind+a+Firewall\" target=\"_blank\">(?)</a></label>\n" +

dist/styles/api-console-dark-theme.css

@@ -1737,6 +1737,14 @@ th {
 
 /* Resource List */
 
+ol.raml-console-resources-container-no-title {
+  margin-top: 35px;
+}
+
+ol.raml-console-resources-container {
+  margin-top: 0px;
+}
+
 .raml-console-resource-response-jump {
   margin-top: 50px;
   position: absolute;
@@ -1820,7 +1828,9 @@ th {
 }
 
 .raml-console-resource-list {
-  margin: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-right: 0;
   padding: 0;
   list-style: none;
 }

dist/styles/api-console-light-theme.css

@@ -1737,6 +1737,14 @@ th {
 
 /* Resource List */
 
+ol.raml-console-resources-container-no-title {
+  margin-top: 35px;
+}
+
+ol.raml-console-resources-container {
+  margin-top: 0px;
+}
+
 .raml-console-resource-response-jump {
   margin-top: 50px;
   position: absolute;
@@ -1820,7 +1828,9 @@ th {
 }
 
 .raml-console-resource-list {
-  margin: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-right: 0;
   padding: 0;
   list-style: none;
 }

src/app/resources/resources.tpl.html

@@ -20,7 +20,7 @@ <h1 ng-if="!disableTitle" class="raml-console-title">{{raml.title}}</h1>
 
     <root-documentation></root-documentation>
 
-    <ol id="raml-console-resources-container" class="raml-console-resource-list raml-console-resource-list-root">
+    <ol <ol ng-class="{'raml-console-resources-container-no-title': disableTitle, 'raml-console-resources-container': !disableTitle}" id="raml-console-resources-container" class="raml-console-resource-list raml-console-resource-list-root">
       <li id="raml_documentation" class="raml-console-resource-list-item raml-console-documentation-header">
         <div ng-if="proxy" align="right" class="raml-console-resource-proxy">
           <label for="raml-console-api-behind-firewall">API is behind a firewall <a href="http://www.mulesoft.org/documentation/display/current/Accessing+Your+API+Behind+a+Firewall" target="_blank">(?)</a></label>

src/scss/_resource.scss

@@ -1,5 +1,13 @@
 /* Resource List */
 
+ol.resources-container-no-title {
+  margin-top: 35px;
+}
+
+ol.resources-container {
+  margin-top: 0px;
+}
+
 .resource-response-jump {
   margin-top: 50px;
   position: absolute;
@@ -83,7 +91,9 @@
 }
 
 .resource-list {
-  margin: 0;
+  margin-bottom: 0;
+  margin-left: 0;
+  margin-right: 0;
   padding: 0;
 
   list-style: none;